Ejercicios Básicos

Ejercicio 1: Cambiar Texto

Objetivo: Cambia el texto de un párrafo cuando el usuario hace clic en un botón.

Ejercicio 2: Mostrar/Ocultar Elementos

Objetivo: Crea un botón que al hacer clic muestre u oculte una imagen en la página.

Ejercicio 3: Añadir Clases CSS

Objetivo: Añade una clase CSS que cambie el color y tamaño de la fuente de todos los párrafos en la página al hacer clic en un botón.

Ejercicio 4: Deslizar Elementos

Objetivo: Utiliza los métodos slideDown y slideUp para mostrar y ocultar un elemento con una animación.

Ejercicio 5: Animar Propiedades CSS

Objetivo: Crea un efecto de animación que cambie el tamaño y el color de fondo de una caja al hacer clic en un botón.

Ejercicio 6: Validar un Formulario

Objetivo: Implementa una validación básica de un formulario que verifique que el campo de email no esté vacío antes de enviar.

Ejercicio 7: Manipular Atributos

Objetivo: Cambia el atributo src de una imagen cuando el usuario pasa el mouse sobre ella.

Ejercicio 8: Manejo de Eventos del Mouse

Objetivo: Escribe un script que cambie el color de un elemento cuando el mouse se mueva sobre él y que lo cambie nuevamente cuando el mouse se aleje.

Ejercicio 9: Cargar Contenido con AJAX

Objetivo: Carga contenido desde un archivo de texto en un div sin recargar la página al hacer clic en un botón.

Ejercicio 10: Efecto Toggle

Objetivo: Crea un botón que al hacer clic alterne el estado de visibilidad de un texto utilizando el método toggle.