El DOM (Document Object Model) sirve para interactuar con el HTML a través de JavaScript. Por ejemplo, realizar una acción al hacer click en un botón.

En JavaScript tenemos los eventos, que permiten que el código reaccione a las acciones del usuario o a cambios en el navegador o la página.

Para que tu código pueda reaccionar a los eventos, debes "escucharlos" utilizando addEventListener(). Esta función toma dos argumentos: el tipo de evento que quieres escuchar y una función que se ejecutará cuando ocurra ese evento.

Cambia el texto de un elemento de HTML en JavaScript usando el DOM y addEventListener.