Eu adiciono uma linha via .innerHTML em uma usando javaScript Porém um dos caracteres dessa linha muda à cada inclusão de acordo com a letra dentro a variável P
HTML
<div>
<div class="linha" id="linha2">
</div><button class="casa" id="btnadd" onclick="addLetra()"></button>
</div>
Eu fiz um temporizador síncrono para essas divs serem colocadas à cada 1 Segundo
JavaScript
function addLetra(){
let p="palavra"
function esperaFinal(ms){
let ini = new Date().getTime()
let fim=0;
while((fim-ini)<ms){
fim = new Date().getTime()
}
}
for(i=0;i<p.length;i++){
esperaFinal(500)
let pff = '<div class="wrong" id="linhaFinal"><span id="palavraFinal">'+p[i]+'</span><div>'
resultadoFinal(pff)
}
function resultadoFinal(pff) {
document.getElementById("linha2").innerHTML += pff
}
}
A minha intenção era cada laço do for levar 500ms
Porém o que eu tenho é o código esperar os 500ms e depois colocar todas as divs (cada uma com uma letra de p) ao mesmo tempo