comenzamos a explorar el DOM, el objeto que nos permite conectar con el HTML. Volvimos a nuestra página de usuario y observamos dos botones: "Intentar" y "Nuevo juego". Confirmamos que realmente son botones, elementos interactivos que permiten a los usuarios enviar acciones al sistema, haciendo que el juego tenga un aspecto más profesional.
Estos botones son fundamentales para la interacción de los usuarios con la página. En el desarrollo web, los botones permiten ejecutar eventos cuando se interactúa con ellos, como hacer clic, presionar una tecla o mover el cursor sobre ellos. JavaScript maneja estos eventos, permitiendo al sistema reaccionar y brindar una respuesta a los usuarios, mejorando la experiencia del usuario (UX).
En el video, se explica cómo interactuar con los botones utilizando JavaScript. Primero, identificamos las etiquetas de botón en el código HTML. Cada botón se define con su respectiva etiqueta, abriéndose y cerrándose con la palabra button y el texto correspondiente dentro. En el código JavaScript, los eventos se gestionan utilizando atributos que comienzan con on, como onclick, que se utiliza para ejecutar una función cuando se hace clic en el botón.
Creamos una función en JavaScript que será llamada cuando se haga clic en el botón. Esta función se define con la palabra reservada function seguida del nombre de la función, en este caso intentoDeUsuario. Dentro de esta función, encapsulamos la lógica que queremos que se ejecute al hacer clic, como mostrar una alerta.
Finalmente, verificamos que al hacer clic en el botón, la función definida es llamada y se ejecuta la acción deseada, en este caso, mostrar una alerta con el mensaje "Clic desde el botón". Este proceso es el primer paso para desarrollar la lógica completa del juego, que se abordará en el siguiente video.
