cuando le doy a la x no me hace nada nose si es por el valor ev.preventDefault();
que no me permite hacer nada
¡Desbloquea vídeos ilimitados! Sube a Premium
Tus 10 clases gratis se han agotado. Suscríbete por $12USD al mes
-
check_circle_outlineMódulo 1 | 3 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 7 clases
Conceptos Fundamentales
expand_more -
check_circle_outlineMódulo 3 | 17 clases
Primeros pasos en Desarrollo Web
expand_more -
check_circle_outlineMódulo 4 | 12 clases
Concretando el conocimiento
expand_more -
check_circle_outlineMódulo 5 | 13 clases
CSS
expand_more -
check_circle_outlineMódulo 6 | 7 clases
Diseño Responsivo
expand_more -
check_circle_outlineMódulo 7 | 11 clases
JavaScript
expand_more-
done_all
Clase 1
Qué es JavaScript - Desarrollo Web Profesional
-
done_all
Clase 2
Qué es el DOM - Desarrollo Web Profesional
-
done_all
Clase 3
Cómo colocar código de JavaScript en tu página web
-
done_all
Clase 4
Seleccionar elementos del DOM
-
done_all
Clase 5
Seleccionar múltiples elementos y recorrerlos
-
done_all
Clase 6
Eventos
-
done_all
Clase 7
Comportamiento por defecto de un evento
-
done_all
Clase 8
Quitar y Agregar clases a un elemento con JavaScript
-
done_all
Clase 9
Timers
-
done_all
Clase 10
Organiza tu código
-
done_all
Clase 11
Subir proyecto
-
-
check_circle_outlineMódulo 8 | 3 clases
Despedida
expand_more -
check_circle_outlineMódulo 9.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
8 comentario(s)
no puedo hacer funcionar el script para poder cambiar las anmaciones. Pero mi problema viene creo de que al estar tan desactualizado el video de como poner animaciones, a la hora de agregar o borrar una clase( en este caso las animaciones) se me hizo muy dificil. espero alguien pueda ayudar.
let link= document.querySelectorAll(".close"); /OBTENEMOS SELECTORES/ link.forEach(function(link){
link.addEventListener("click",function(ev){
ev.preventDefault();
let content1 = document.querySelector(".content1");
content1.classList.remove("animate__fadeInDown");
content1.classList.remove("animate__animated");
content1.classList.add("animate__fadeOutUp");
content1.classList.add("animate__animated");
});
});
links.forEach(function(link){
Tengo un problema, no se está ejecutando el código porque en la primera línea me salta este error en el ESLint de brackets (el mismo que me sale en la consola de chrome). Antes de dejar el codigo vale comentar que tengo la clase implementada en el ancla de la X. Va codigo:
let links = document.querySelector('.close');links.forEach(function(link){
link.addEventListener('click',function(ev){ ev.preventDefault(); let content = document.querySelector('.content'); //Quitarle las clases de animación content.classList.remove('fadeInDown'); content.classList.remove('animated'); content.classList.add('fadeOutUp'); content.classList.add('animated'); return false; });
});
Clase 63