Quiero hacer dos tablas para identificar la posición de cada imagen antes de una animación. Probé varias soluciones, creo que la más lógica sería .push() pero no funciona. Aquí hay un fragmento de código:
const img = document.querySelectorAll('.myClass img') let fromRight = [] let fromLeft = [] for (let i = 0; i < img.length; i++) { document.addEventListener('load', ()=>{ if (img[i].getBoundingClientRect().x < (window.scrollY/2)) { fromLeft.push(i) } else if (img[i].getBoundingClientRect().x > (window.scrollY/2)) { fromRight.push(i) } }) console.log('left :', fromLeft); console.log('right :', fromRight); }También probé:
Array.prototype.push.apply(fromLeft, i)Y :
fromLeft.concat(i)Por favor necesito ayuda!
Intente envolver todo el código dentro de un solo oyente
document.addEventListener('load', ()=>{ const img = document.querySelectorAll('.myClass img') let fromRight = [] let fromLeft = [] for (let i = 0; i < img.length; i++) { if (img[i].getBoundingClientRect().x < (window.scrollY/2)) { fromLeft.push(i) } else if (img[i].getBoundingClientRect().x > (window.scrollY/2)) { fromRight.push(i) } } console.log('left :', fromLeft); console.log('right :', fromRight); })