Olá, Matheus!
A ordem dos comandos em uma função pode sim fazer diferença, dependendo do contexto. No caso específico do seu exemplo, a ordem dos comandos não afetará o resultado final. Isso porque as três linhas de código são independentes entre si, ou seja, a execução de uma não depende do resultado da outra.
No primeiro exemplo:
function reiniciar() {
amigos = [];
document.getElementById('lista-amigos').innerHTML = '';
document.getElementById('lista-sorteio').innerHTML = '';
}
Você está primeiro limpando o array amigos
e depois limpando o conteúdo HTML dos elementos 'lista-amigos' e 'lista-sorteio'.
No segundo exemplo:
function reiniciar() {
document.getElementById('lista-amigos').innerHTML = '';
document.getElementById('lista-sorteio').innerHTML = '';
amigos = [];
}
Você está primeiro limpando o conteúdo HTML dos elementos 'lista-amigos' e 'lista-sorteio' e depois limpando o array amigos
.
Em ambos os casos, o resultado final será o mesmo: tanto o array amigos
quanto os elementos HTML 'lista-amigos' e 'lista-sorteio' estarão vazios.
Agora, se houvesse alguma dependência entre essas linhas de código, a ordem poderia afetar o resultado. Por exemplo, se você estivesse usando o array amigos
para atualizar o conteúdo HTML dos elementos 'lista-amigos' e 'lista-sorteio', aí sim a ordem importaria.
Espero ter ajudado e bons estudos!