Después de la etiqueta de su botón, agregue una etiqueta div, así:
y en su función, elimine la línea document.write , todo. En su lugar, use esta línea:
document.getElementById (‘mi-salida’). innerHTML + = x + ‘
‘;
- ¿Qué plataforma cms dirías que es WordPress con esteroides?
- Cómo actualizar un sitio web en ejecución
- ¿Cuál es la diferencia entre el código JavaScript colocado dentro de una etiqueta de encabezado y el código colocado fuera de una etiqueta de cuerpo?
- ¿Qué lenguaje y marco front-end y back-end adecuados para desarrollar un sitio web de comercio electrónico?
- ¿Cuáles son los 10 mandamientos del uso de WordPress para su sitio web?
Agregué el
para poner cada resultado en una nueva línea. Si desea borrar los números anteriores cada vez que presiona el botón, agregue esta línea justo después de la línea var i :
document.getElementById (‘my-output’). innerHTML = ”
La función document.write escribe en el DOM (es decir, la página web) a medida que se carga. Ya no hace nada una vez que se representa la página. Necesita agregar dinámicamente contenido, que es lo que hago en mi ejemplo. Nadie usa document.write, así que olvídalo.
Además, busque en jQuery y aprenda a usarlo. Es simple y te ayudará a hacer todo esto correctamente.
Espero que esto ayude.
PD: Sé que obtengo el elemento dos veces, solo estaba tratando de mantenerlo simple. Esto aquí es mejor:
para (var s = ”, i = 0; i <10; i ++)
s + = Math.floor (Math.random () * 10) + 1) + ‘
‘;
document.getElementById (‘mi-salida’) .innerHTML = s;