Por que tem de ser síncrono? É muito mais simples fazer assíncrono, respeitando a forma como a linguagem funciona. A atualização do que está na tela depende de ser assíncrono, o browser só redesenha a tela depois que terminar o lote pendente de operações síncronas que tem pra executar. Mais detalhes aqui. Versão assíncrona:
// Não se esqueça de declarar i!
for (let i=0;i<p.length;i++) {
setTimeout( function() {
resultadoFinal('<div class="wrong" id="linhaFinal"><span id="palavraFinal">'+p[i]+'</span><div>')
}, i * 500 )
}
// Não se esqueça de declarar i!
for (let i=0;i<p.length;i++) {
setTimeout( function() {
resultadoFinal('<div class="wrong" id="linhaFinal"><span id="palavraFinal">'+p[i]+'</span><div>')
}, i * 500 )
}