Mostrar datos

Hay cuatro formas de mostrar datos en Javascript.

1. Caja alerta

Este es el método mas común 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 ejecución del código e impide que se acceda a la pagina hasta que se cierre dicha ventana. Es por eso que es común 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 aquí</Button>

2. Salida HTML

Este es un método que no se usa.

document.write();
document.writeln();

El problema es que borra todo el HTML. Solo usado para pruebas durante el desarrollo. También se puede meter en un botón.

<Button onClick="document.write('Este es un mensaje')">Prueba aquí</button>

3. Elemento HTML

Para acceder a un elemento HTML, JavaScript usa el método 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

4. Consola navegador

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>