Hay cuatro formas de mostrar datos en Javascript.
Este es el metodo mas comun de mostrar datos y el resultado aparece en una ventana popup. Es importante anotar que se genera una ventana popup del tipo modal, que detiene la ejecucion del codigo e impide que se acceda a la pagina hasta que se cierre dicha ventana. Es por eso que es comun asociarlo a un boton usando el evento OnClick por ejemplo para que el usuario puede llamarlo a volunta.
alert(); window.alert();
<Button onClick="alert('Este es un mensaje popup')">Prueba aqui</Button>
Este es un metodo que no se usa.
document.write(); document.writeln();
El problema es que borra todo el HTML. Solo usado para pruebas durante el desarrollo. Tambien se puede meter en un boton.
<Button onClick="document.write('Este es un mensaje')">Prueba aqui</button>
Para acceder a un elemento HTML, JavaScript usa el metodo document.getElementById(id). Donde id es un atributo que identifica al elemento HTML a afectar.
document.getElementById(id);
<Button onClick="document.getElementById("resp").innerHTML='Dos'">Prueba aqui</Button>
</p id=resp>Uno</p>
Uno
Quizas lo primero que debo contarte es que es la consola del navegador. Pues es una ventana donde puedes observar solicitudes de red, JavaScript, CSS, errores y adventencias de seguridad. En cada navegador se activa de manera diferente asi:
console.log();
<Button onClick="console.log('Esto es la consola')">Prueba aqui</Button>