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

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

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 😥

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

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')
    }
    
});
se añadieron 345 caracteres en el cuerpo
Origen Enlace
AikuX
  • 53
  • 6

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...

introducir la descripción de la imagen aquí 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 😥

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

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...

introducir la descripción de la imagen aquí

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 😥

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')
    }
    
});
Origen Enlace
AikuX
  • 53
  • 6

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...

introducir la descripción de la imagen aquí