Mostrar Javascript

Javascript te da la posibilidad de mostrar datos de diferentes maneras

  • window.alert()
  • console.log()
  • innerHTML
  • document.write() - video

window.alert()

La alerta de ventana es un método utilizado para mostrar una alarma con la opción de agregar cualquier contenido de su elección.

Ejemplo
<!DOCTYPE html>
<html>
<body>

<script>
 window.alert(mensaje);
</script>

<body>
<html>

console.log

El método console.log envía información de su elección a la consola web. Podría ser un string ejemplo:"error" o cualquier objeto.

Ejemplo
<!DOCTYPE html>
<html>
<body>

<script>
 console.log(4*4)
</script>

<body>
<html>
Resultado:

Por favor abre tu consola web para ver el resultado.


innerHTML

document.getElementById(nombre de ID) se usa para acceder a elementos html en javascript.

El ID define el attributo de HTML. La propiedad innerHTML define el elemento HTML.

Ejemplo: Tenemos una etiqueta <h4> con un id="(demo)" y un controlador de eventos de onclick="ejemplo()" con un nombre de función "ejemplo", nuestra función seleccionará nuestro id y lo cambiará al nuevo texto una vez que haga clic en nuestro texto anterior

Ejemplo
<!DOCTYPE html>
<html>
<body>

<h4 id="demo" onclick="ejemplo()">Haz clic en mí para añadir nuevo texto.</h4>

<script>
 function ejemplo() {
    document.getElementById("demo").innerHTML = "Nuevo texto";
 }
</script>

<body>
<html>
Resultado:

Haz clic en mí para añadir nuevo texto.