Olá, estou com um problema no meu código em Javascript, estava fazendo um exercício mas o meu código não altera o conteúdo de uma div chamada "res". Já debuguei o código e deu o seguinte erro:
var inicio = document.getElementById('txtinicio')
^
ReferenceError: document is not defined
Enquanto no navegador não ocorre nenhum erro.
Código em HTML:
<body>
<header>
<h1>Vamos contar</h1>
</header>
<section>
<div>
<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"> <br>
<br> <input type="button" value="Contar" onclick="verificar()">
</p>
</div>
<div id="res">
Preparando a contagem...
</div>
</section>
<footer>
<p>© Alex Faustino</p>
</footer>
<script src="script.js"></script>
</body>
Código em Javascript:
var inicio = document.getElementById('txtinicio')
var fim = document.getElementById('txtfim')
var passo = document.getElementById('txtpasso')
var res = document.getElementById('res')
var inicion = Number(inicio)
var fimn = Number(fim)
function verificar() {
if (inicio.value.length == 0 && fim.value.length == 0 && passo.value.length == 0) {
window.alert('[ERRO] Insira os dados!')
} else {
for (var c=inicion; c<=fimn; c++) {
res.innerHTML(c)
}
}
}
Muito obrigado por toda a ajuda! :)