Visualización en JavaScript
JavaScript
puede "mostrar" datos de diferentes maneras:
- Escribir en un elemento HTML, usando
innerHTML. - Escribir en la salida HTML usando
document.write(). - Escribir en un cuadro de alerta, usando
window.alert(). - Escribiendo en la consola del navegador,
usando
console.log().
Usando innerHTML
A través del ID de un elemento o tag,
recordar que el ID identifica a un elemento único en la pagina.
<!DOCTYPE html>
<html>
<body>
<h2>Hola WWW</h2>
<p>Esto es un parrafo.</p>
<p id="demo"> </p>
<script>
document.getElementById("demo").innerHTML = “La suma es ”
+ 5 + 6;
</script>
</body>
</html>
Utilizando document.write ()
<!DOCTYPE
html>
<html>
<body>
<h2>Hola WWW</h2>
<p>Esto
es un parrafo.</p>
<p>Escribiendo
con Document.Write</p>
<script>
document.write("La
suma es " + 5 + 6);
</script>
</body>
</html>
Salida:
NOta: El
uso de document.write () después de cargar un documento HTML, eliminará todo el HTML existente :
Prueba
<!DOCTYPE html>
<html>
<body>
<h2>Hola
WWW</h2>
<p>esto es un parrafo</p>
<button type="button"
onclick="document.write('Borrando Contenido y la suma es ' +5 +
6)">Prueba</button>
</body>
</html>
Salida antes del Clic:
Salida despues del Clic:
ml>
Nota: Se sugiere usar document.write solo
para pruebas
Utilizando
window.alert ()
<!DOCTYPE html>
<html>
<body>
<h2>Hola WWW</h2>
<p>Esto es un Parrafo.</p>
<script>
window.alert("La suma es "+ 5 +
6);
</script>
</body>
</html>
Utilizando console.log ()
Para
fines de depuración, puede utilizar método el
console.log() para
mostrar datos.
<!DOCTYPE html>
<html>
<body>
<h2>Activa el depurador con
F12</h2>
<p>Selecciona la consola
"Console" en el menu debuger.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
En el depurador saldra 11, que es la suma
de 5 mas 6
