JavaScript hace que una página responda

La idea clave

Una página puede mostrar un saludo sin JavaScript. Con JavaScript, ese saludo puede cambiar cuando alguien pulsa un botón. Hoy no tienes que memorizar el código: observa qué ocurre y qué parte cambia.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

document.querySelector('#accion').addEventListener('click', () => {
  document.querySelector('#saludo').textContent = '¡Lo has conseguido!';
});

Editar y probar este mismo ejemplo ↓

1. El navegador muestra el texto «Hola».
2. Al ejecutar el código, se prepara la respuesta del botón: todavía no cambia nada.
3. Cuando pulsas «Cambiar mensaje», el texto pasa a «¡Lo has conseguido!».

Practica con código

Antes de empezar, piensa: ¿Cambia el texto al ejecutar el código o al pulsar el botón?

Ejecuta el código y pulsa el botón. Después cambia «¡Lo has conseguido!» por «Estoy aprendiendo JS» y vuelve a pulsarlo.