Buenas noches soy algo nuevo en javascript y me gustaria que me pudieran ayudar por favor estoy creando un pequeño ejemplo de practica donde tengo un boton que cada vez que yo de click me deberia de mostrar los numeros del 1 al 100 pero por algun motivo no cambia mi ciclo foreach solo me imprime el numero 100, por que sucede esto?
<!DOCTYPE html>
<html lang="en">
<head>
<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>Document</title>
<script type="text/javascript">
function Incrementar(){
let Nums = 100;
let GuardarValor;
for(var i = 0; i <= Nums; i++){
document.getElementById('Numeros').innerText = i;
}
}
</script>
</head>
<body>
<main>
<h1>COUNTER</h1>
<label id="Numeros"></label>
<br>
<button onclick="Incrementar()">Incrementar</button>
</main>
</body>
</html>
document.getElementById('Numeros').innerText = i;
por esto:document.getElementById('Numeros').innerText += i;
(fíjate que el único cambio es el=
por+=
para que concatene los resultados de cada ciclo... ¿es eso lo que pretendes? Piensa que del otro modo también está funcionando, pero va tan rápido que solo ves la última asignación que haces, que es cuando llega al 100. Si lo que quieres es que vaya más poco a poco usa setTimeOut() o setInterval()document.getElementById('Numeros').innerText = i
pordocument.getElementById('Numeros').innerText += (i + ' ');