Estou aprendendo JavaScript e estou tendo problema para mostrar na tela o laço dos números colocados dentro dos inputs.
function contar(){
var inicio = Number(document.getElementById('inicioNumero').value)
var fim = Number(document.getElementById('fimNumero').value)
var passo = Number(document.getElementById('passoNumero').value)
var res = document.getElementById('res')
for(var i = 0; i <= fim; i+= passo){
res+=(`=>${i}`)
}
document.getElementById('contar').innerText = res
}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Super Contador</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
Vamos Contar
</header>
<section>
<div>
Início: <input type="number" name="inicio" id="inicioNumero">
</div>
<div>
Fim: <input type="number" name="fim" id="fimNumero">
</div>
<div>
Passo: <input type="number" name="passo" id="passoNumero">
</div>
<div id="button">
<input type="submit" value="Calcular" onclick="contar()">
</div>
<div id="res">Calcular:</div>
</section>
<script src="js/script.js"></script>
</script>
</body>
</html>
var res = document.getElementById('res')
está pegando o elemento, mas na linhares+=(
=>${i})
está adicionando algo, que não pode se feito no elemento, acho que deseja o conteúdo, certo? então faltou pegar o conteúdo do div:var res = document.getElementById('res').innerText
por exemplo. 2) depois dofor
está tentando usar um elemento que não existe no html, o "contar". Aqui não seria o elemento "res"? ou então crie o elemento com ID="contar"