Skip to main content
3 de 3
Añadi la explicacion de la solucion del usuario que realizo la pregunta.

No se que tan bien esté autoresponder mi pregunta, pero investigando me di cuenta que es con un for, por si a alguien le sirve...

EDIT: Dejo el código en forma de código como tal y no de imágen, perdon si no puedo explicarlo y para explicarlo mal prefiero no hacerlo, soy algo nuevo practicando programación 😥

EDIT EXPLICACIÓN: Se utiliza un ciclo for ya que en la constante imgs se estan guardando las imagenes y esta se convierte en un array, por lo cual para acceder a sus elementos hay que acceder mediante su indice, sabiendo que se accede de la forma imgs[i]. Con cada iteracion del ciclo for la variable i aumenta en 1 comenzando desde 0 y esta variable se usa para acceder a cada imagen guardada en la constante imgs. Finalmente el ciclo dejara de iterar cuando la variable i llegue a la misma cantidad de elementos guardados en el array.(No soy muy bueno para explicar...)

const imgs = document.querySelectorAll('img');
const pageBody = document.querySelector('body');

pageBody.addEventListener('click', (e) => {
    
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].classList.add('hidden')
    }
    
});
AikuX
  • 53
  • 6