• Inicio
  • Iniciar sesión
  • Crear cuenta
  • Precios
  • Blog

¡Califica el Curso Profesional Desarrollo Web!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso Profesional Desarrollo Web

Video Quitar y Agregar clases a un elemento con JavaScript

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

¡Desbloquea vídeos ilimitados! Sube a Premium

Tus 10 clases gratis se han agotado. Suscríbete por $12USD al mes

Suscribirme
  • check_circle_outline
    Módulo 1 | 3 clases

    Introducción

    expand_more
  • check_circle_outline
    Módulo 2 | 7 clases

    Conceptos Fundamentales

    expand_more
  • check_circle_outline
    Módulo 3 | 17 clases

    Primeros pasos en Desarrollo Web

    expand_more
  • check_circle_outline
    Módulo 4 | 12 clases

    Concretando el conocimiento

    expand_more
  • check_circle_outline
    Módulo 5 | 13 clases

    CSS

    expand_more
  • check_circle_outline
    Módulo 6 | 7 clases

    Diseño Responsivo

    expand_more
  • check_circle_outline
    Mó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_outline
    Módulo 8 | 3 clases

    Despedida

    expand_more
  • check_circle_outline
    Módulo 9.-

    Examen del curso

    expand_more
    • done_all

      Examen

      Examen final del curso

8 comentario(s)

gustavo estrada

12 Diciembre 22

more_vert
  • Resuelta

cuando le doy a la x no me hace nada nose si es por el valor ev.preventDefault();
que no me permite hacer nada

Franco Andres Perez

10 Julio 22

more_vert
  • Resuelta

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");


});

});

@XshamirX

24 Noviembre 21

more_vert
  • Resuelta
A TODOS LOS QUE NO LES MUESTRA LAS ANIMACIONES, ELIMINEN LA CACHÉ DEL NAVEGADOR Y LISTO :D

Diego De Tomás

04 Marzo 21

3
more_vert
  • Resuelta
Uno de los problemas que me sucedió, fue que no se actualizaban los archivos en el localhost, para solucionarlo solo tuve que limpiar el cache del navegador. Espero que les sirva de algo por si les ocurre lo mismo.

Noe Jasiel

01 Mayo 20

more_vert
  • Resuelta
hola Uriel tengo una grandisima duda, por el minuto 1:45 tu declaraste let iconos pero en la linea 21 y 22 en vez de iconos.classList.remove(""); pusiste icono.classList.remove("");  y bueno en el parametro de la funcion tambien pusiste icono en vez de iconos, ¿lo hiciste a proposito o que paso ahi? 
Ver respuestas (3)

JOSE ANTONIO MALLCCO AYALA

03 Abril 20

more_vert
  • Resuelta
una pregunta, por qué cuando le doy click a la x, me manda al directorio, mas no a la página index.
Ver respuestas (3)

Omar Gonzalez

01 Abril 20

more_vert
  • Resuelta
amigos ya no pude seguir , no me funcionan los 2 ultimos scripts , el de no cerrar la ventana, ni el agregar fadeOutUp , parece ser que mis clases  están bien en los html.

links.forEach(function(link){

    //Agregar un evento click a cada uno de ellos
     link.addEventListener("click",function(ev){
        ev.preventDefault();
        let content = document.querySelector('.content');
        
        //Quitarle las clases de animacion que ya tiene
        content.classList.remove("fadeInDown");
        content.classList.remove("animated");

        //Agregar clases para animar su saludo fadeOutUp
        content.classList.add("fadeOutUp");
        content.classList.add("animated");

     return false;
    });
});

Ver respuestas (3)

Martin Arzuaga

02 Octubre 18

3
more_vert
  • Resuelta

Hola!

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;
});

});

Ver respuestas (3)

Clase 63

Quitar y Agregar clases a un elemento con JavaScript

arrow_back Siguiente arrow_forward

63/73

Curso Profesional Desarrollo Web