Soy un novato en JavaScript. No puedo entender por qué si escribo
document.getElementById('btn').addEventListener('click', function(){ for (i=0; i<=10; i++){ let writeNumber = document.getElementById('paragraph'); writeNumber.innerHTML = i; } })Solo leo el último número, en este caso '10', y si escribo
document.getElementById('btn').addEventListener('click', function(){ for (i=0; i<=10; i++){ document.writeln(i); } })Puedo leer todos los números requeridos. Gracias y perdón si esto parece una pregunta trivial.
document.getElementById('btn').addEventListener('click', function(){ for (i=0; i<=10; i++){ let writeNumber = document.getElementById('paragraph'); writeNumber.innerHTML = i; } })El código anterior reemplazará el contenido del elemento de párrafo con 10.
Puede modificarlo para ver todos los números de la siguiente manera
document.getElementById('btn').addEventListener('click', function(){ for (i=0; i<=10; i++){ let writeNumber = document.getElementById('paragraph'); writeNumber.innerHTML += `${i} `; } }) document.getElementById('btn').addEventListener('click', function(){ for (i=0; i<=10; i++){ document.writeln(i); } })El código se agrega al documento con un carácter de nueva línea cada vez que se llama.
document.writeln(i) -> Esto solo funciona en el documento principal y todo se eliminará del DOM. (Así que no uses esto)