JavaScript no tiene un built-in funciones de impresión o visualización.
Las posibilidades de visualización de JavaScript
JavaScript puede visualización de datos "" de diferentes maneras:
- Escribir en un cuadro de alerta, utilizando window.alert() .
- La escritura en la salida HTML utilizando document.write() .
- La escritura en un elemento HTML, usando innerHTML .
- Escribir en la consola navegador, utilizando console.log() .
Usando window.alert()
Se puede utilizar un cuadro de alerta para mostrar los datos:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Inténtalo tú mismo " Utilizando document.write()
Para propósitos de prueba, es conveniente utilizar document.write() :
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Inténtalo tú mismo " Utilizando document.write() después de que un documento HTML se ha cargado completamente, se eliminará todo el HTML existente:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Inténtalo tú mismo " El document.write() método sólo se debe utilizar para la prueba.
usando innerHTML
Para acceder a un elemento HTML, JavaScript puede utilizar el document.getElementById(id) método.
La id atributo define el elemento HTML. El innerHTML propiedad define el contenido HTML:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Inténtalo tú mismo " A "datos de visualización" en HTML, (en la mayoría de los casos) va a establecer el valor de un innerHTML propiedad.
Usando console.log()
En su navegador, puede utilizar la console.log() método para mostrar los datos.
Activar la consola navegador con F12 y seleccione "Consola" en el menú.
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Inténtalo tú mismo "