Para abrir la consola del navegador, siga estas instrucciones:

• En Chrome: Presione Ctrl + Shift + J (Windows/Linux) ó
  Cmd + Option + J (Mac).


• En Firefox: Presione Ctrl + Shift + K (Windows/Linux) ó
  Cmd + Option + K (Mac).


• En Edge: Presione Ctrl + Shift + I.


• En Safari: Habilite el menú de desarrollador en las preferencias y luego presione Cmd + Option + C.

Mensaje en la Consola

Linea de código que escribimos en el editor dentro de las etiquetas script

console.log("Abra la consola para ver este mensaje.");

De acuerdo al navegador que utilice, siga las instrucciones del cuadro anterior y abra la consola. Comprobará que se imprime "Abra la consola para ver este mensaje."

Linea de código que escribimos en el editor y dentro de las etiquetas script, es una function

Esta function tiene la tarea de imprimir un texto en la consola del navegador. Veamos la expresión:

function consola(); {
console.log("Si ves este mensaje, has abierto la consola del navegador.");
}
Llamamos a la funcction
consola();

La linea de código que escribiremos en el editor y dentro de las etiquetas script, es una function

Esta function tiene la tarea de imprimir un texto en la consola del navegador y paralelamente imprimir el texto directamente en el navegador. Veamos la expresión:

function obtenerElemento(id) {
var elemento = obtenerElemento("miDiv1");
elemento.innerHTML = "Tercera impresion directamente en la vista cliente del Navegador";
console.log ("Tercera impresion en la consola del navegador ");
} Aqui termina la función
Ahor llamamos a la función
obtenerElemento("miDiv1");

El texto en el navegador se imprime dentro de las etiquetas div con id "miDiv1" que en el orden de página la escribo a continuación: