javascript-ejercicios/DOM-queryselector-eventos/index.html at main · loli-digital/javascript-ejercicios · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM y eventos en JavaScript</title>
</head>
<body>
    <h1>DOM en JavaScript</h1>
    <p>El DOM (Document Object Model) sirve para interactuar con el HTML a través de JavaScript.</p>
    <p>Por ejemplo, realizar una acción al hacer click en un botón.</p>

    <h2>Eventos en JavaScript</h2>
    <p>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.</p>
    <p>Para que tu código pueda reaccionar a los eventos, debes "escucharlos" utilizando <i>addEventListener()</i>. Esta función toma dos argumentos: el tipo de evento que quieres escuchar y una función que se ejecutará cuando ocurra ese evento. </p>

    <h2>Ejercicio</h2>
    <p>Cambia el texto de un elemento de HTML en JavaScript usando el DOM y addEventListener.</p>

    <p class="texto">Este texto hay que cambiarlo, pero ya!</p>
    <button class="btn">Cambia el texto</button>

    <script src="main.js"></script>
</body>
</html>