maderademarco.sergio/clase-9-eventos
1
0
Fork 0
forked from marquez.juan/clase-9-eventos
Code Pull Requests Activity

ejercicio 1: contador de clicks con addEventListener

Browse Source
This commit is contained in:
Sergio Madera De Marco
2026-05-24 14:02:29 -03:00
parent ddefc238dc
commit 28e2e92142
3 changed files with 178 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@@ -9,23 +9,54 @@
<body>
<h1>Clase 9 - Eventos</h1>
<div id="ejercicio-1">
<!-- Agregar acá el código HTML que haga falta para el ejercicio 1 -->
<button id="miBoton">Hacer clic</button>
<p id="contadorClicks">Botón clickeado 0 veces</p>
</div>
<hr>
<div id="ejercicio-2">
<!-- Agregar acá el código HTML que haga falta para el ejercicio 2 -->
<label for="campoTexto">Ingresa texto:</label>
<input type="text" id="campoTexto" />
<p id="contadorCaracteres">Caracteres ingresados: 0</p>
</div>
<hr>
<div id="ejercicio-3">
<!-- Agregar acá el código HTML que haga falta para el ejercicio 3 -->
<ul id="listaItems">
<li>Ítem 1</li>
<li>Ítem 2</li>
<li>Ítem 3</li>
<li>Ítem 4</li>
<li>Ítem 5</li>
</ul>
</div>
<hr>
<div id="ejercicio-4">
<!-- Agregar acá el código HTML que haga falta para el ejercicio 4 -->
<div id="externo">
<div id="interno">
<button id="botonExterno">Click</button>
</div>
</div>
</div>
<hr>
<div id="ejercicio-5">
<!-- Agregar acá el código HTML que haga falta para el ejercicio 5 -->
<form id="formulario">
<div>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" />
<span class="error" id="errorNombre"></span>
</div>
<div>
<label for="edad">Edad:</label>
<input type="text" id="edad" />
<span class="error" id="errorEdad"></span>
</div>
<div>
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje"></textarea>
<span class="error" id="errorMensaje"></span>
</div>
<button type="submit">Enviar</button>
</form>
<p class="success" id="formResultado"></p>
</div>
<script src="clase-9.js"></script>
</body>