Button Up es-419 Explainer

Explicador de Abotonar

Objetivo de este acertijo: Agregar una escucha de eventos a un botón que cambie el texto del botón cuando se haga clic en él.

Tutorial de la solución: JavaScript se puede usar para agregar escuchas de eventos a elementos HTML.

Las escuchas de eventos esperan un evento específico, por ejemplo, 'click' (puedes encontrar una lista completa de eventos aquí), y luego, ejecutan una función de devolución de llamada cuando ocurre un evento.

En este acertijo, agregaremos una escucha de eventos a button1 y a button2 que espere el evento 'click'. Cuando se hace clic en el botón, la función de devolución de llamada cambia la propiedad .textContent (que almacena el texto del elemento), a 'Clicked!'.

Solución del código de ejemplo:

JavaScript

let button1 = document.getElementById('button1');

button1.addEventListener('click', () => {
    button1.textContent = 'Clicked!';
});

let button2 = document.getElementById('button2');

button2.addEventListener('click', () => {
    button2.textContent = 'Clicked!';
});

Conceptos de JavaScript: objeto de documento, document.getElementById(), .addEventListener(), eventos, escuchas de eventos, .textContent