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 + ‘
‘;
- ¿Cómo podemos producir una aplicación de programación gráfica con PHP y MySQL?
- ¿Cuáles son los 5 métodos principales que debo seguir para convertirme en un desarrollador PHP de nivel superior como principiante?
- Cómo poner una imagen de ancho completo con animaciones en la página de inicio con Rails
- Cómo ser el mejor equipo de TI como persona soltera
- ¿Qué hace un buen diseño de diseño 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;