Hay cuatro formas de mostrar datos en Javascript.
Este es el método 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 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 botón usando el evento OnClick por ejemplo para que el usuario puede llamarlo a voluntad.
alert(); window.alert();
<Button onClick="alert('Este es un mensaje popup')">Prueba aqui</Button>
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 aqui</button>
Para acceder a un elemento HTML, JavaScript usa el método document.getElementById(id) por ejemplo. Donde id es un atributo que identifica al elemento HTML a afectar.
document.getElementById('id').value = valor;
document.getElementById('id').innerHTML = valor;
document.getElementByClassName('clase').item(n).value = valor;
document.getElementByTagName('nombre').value = valor;
document.getElementByName('nombre').value = valor;
El uso de value o innerHTML depende del tipo de elemento HTML. Una buena ayuda es mirar si el elemento HTML soporta la propiedad value. Si no lo soporta usa innerHTML.
<Button onClick="document.getElementById("resp").innerHTML='Dos'">Prueba aqui</Button>
</p id=resp>Uno</p>
Uno
Es importante que tengas en mente si el selector contiene un solo elemento o lo que se llama una coleccion.
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>
JavaScript solo puede cerrar vewntanas que el mismo abrio con window.open()