Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

for

boa noite, o for não funciona com o comando innerHTML? fiz um comando para repetir o innerHTML 10 vezes mas não funcionou, e com document.write funcionou

HTML

<p id='p'></p>

JS

var p = document.getElementById('p');

for(var c = 1; c <= 10; c++){
    p.innerHTML = 'Olá';
}
3 respostas

Oi, Leveditor, tudo bem?

Segue um exemplo simples de como você pode executar esse lógica:

<script>

        for(var i = 1; i <= 10; i++){

            document.write("<p></p>")
            document.write("Olá");
        }
</script>
`

Com InnerHTML não funciona ?

solução!

Leveditor, boa tarde!

Na verdade funciona sim, o que ocorre é que você está sendo sobresescrevendo o valor anterior e colocando o mesmo texto, caso você queira repetir, você deve pegar o valor e adicionar o texto a mais que você deseja! Veja o exemplo:

var p = document.getElementById('p');

for(var c = 1; c <= 10; c++){
    p.innerHTML = p.innerHTML + ' Olá';
}

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software