2026-05-21 23:12:10 -03:00
2026-05-19 17:38:25 -03:00
2026-05-21 23:12:10 -03:00
2026-05-19 17:38:42 -03:00
2026-05-21 23:12:10 -03:00
2026-05-19 17:38:25 -03:00

  1. Seguir los pasos habituales para gestionar con git estos ejercicios:
  • Hacer un fork de este repositorio (noten que tiene 'marquez.juan' en la URL)
  • Clonar tu fork. (No debería figurar marquez.juan en la URL).
  • Crear una nueva rama con switch -c nombre-de-tu-rama
  • Hacer git push origin nombre-de-tu-rama
  • Desde gitea, crear el pull request, desde la rama recién creada de tu fork hacia la rama main del repositorio que pertenece a marquez.juan. De esta manera el docente puede ir siguiendo tu trabajo y respondiendo las consultas más fácilmente.
  • Comenzar a resolver los ejercicios, en el archivo ejercicios.js.
  • Hacer al menos un commit por cada uno de los ejercicios que siguen.
  • Al finalizar cada sesión de trabajo, hacer git push origin nombre-de-tu-rama
  1. Agregar a la página un botón y un párrafo que diga Botón clickeado 0 veces. Cada vez que se haga clic en el botón, el texto del párrafo debe cambiar al mensaje "Botón clickeado N veces", donde N es el número de veces que se hizo clic.

  2. Agregar un campo de texto a la página. A medida que el usuario escribe, mostrar en tiempo real la cantidad de caracteres ingresados debajo del campo.

  3. Crear una lista con cinco ítems. Usando delegación de eventos, hacer que al hacer clic en cualquier ítem se le agregue la clase "seleccionado" y se la quite a los demás (es decir, solo un ítem puede estar seleccionado a la vez).

  4. Agregar a la página los siguientes elementos:

    <div id="externo">
        <div id="interno">
            <button>Click</button>
        </div>
    </div>
    

    Registrar listeners de bubbling en los tres elementos y verificar en consola el orden en que se ejecutan al hacer clic en el botón. Luego, agregar un listener de capturing en #externo y observar cómo cambia el orden.

  5. Crear un formulario con los campos nombre, edad y mensaje (textarea). Al enviarlo:

    • Verificar que ningún campo esté vacío.
    • Verificar que la edad sea un número entero positivo, menor que 120.
    • Si hay errores, mostrarlos en la página junto al campo correspondiente.
    • Si todo es válido, mostrar un mensaje de éxito y limpiar el formulario.

    Para limpiar un campo se puede asignar un string vacío a su propiedad value:

    document.querySelector("#nombre").value = "";
    
Description
Ejercicios para practicar lo trabajado en la clase 9 (Eventos)
Readme 40 KiB
Languages
HTML 88.6%
CSS 6.5%
JavaScript 4.9%