Página sem Resposta

Front-end
#1

Eu estava tentando fazer um contado com JS. Quando escrevi o código até:
res.innerHTML = ‘contando’
O código executava muito bem, quando após escrever os let e o for, ele parou de funcionar e deu um erro na página.

O código está assim:
HTML

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Super Contador</title>

<link rel="stylesheet" href="estilo.css">

<header>

    <h1>Vamos Contar</h1>

</header>

<section>

    <div id="dados">

        <p>Início: <input type="Number" name="txtinicio" id="txtinicio"></p>

        <p>Fim: <input type="Number" name="txtfim" id="txtfim"></p>

        <p>Passo: <input type="Number" name="txtpasso" id="txtpasso"></p>

        <p><input type="button" value="Contar" onclick="contar()"></p>

    </div>

    <div id = "res">

        preparando para a contagem;...

    </div>

</section>

<footer>
</footer>

<script src="script.js"></script>

SCRIPT
function contar(){

let inicio = document.getElementById('txtinicio')

let fim = document.getElementById('txtfim')

let passo = document.getElementById('txtpasso')

let res = document.getElementById('res')

if(inicio.value.length == 0||fim.value.length == 0||passo.value.length == 0){

    alert("[ERRO] Faltam dados!")

}else{

    res.innerHTML = 'Contando: '

    let i = Number(inicio.value)

    let f = Number(fim.value)

    var p = Number(passo.value)

    for(let c = i; c < f; c + p){

        res.innerHTML = `${c}`

    }

}

}

ERRO:
ERRO

#2

Isto vai ficar em ciclo infinito, já que o valor de c nunca muda, deves querer algo assim

    for(let c = i; c < f; c = c + p){
2 curtidas
#3

Era exatamente isso kkkk
Um errinho tão besta.
Muito obrigada!!!

2 curtidas