querySelectorAll 후에 addEventListener 동작하지 않습니다.

Question

let imgary = []; let $cardbox = document.getElementById("cardBox");let $item = document.querySelectorAll(".item");let $img = document.querySelectorAll(".Randomimg");let $container = document.querySelectorAll(".container");landerring(); for(let i = 0; img.length > 0 ; i++){ imgary = imgary.concat( img.splice(Math.floor(Math.random() * img.length), 1) ); let code = `

`; $cardbox.innerHTML += code;}for(let i=0; i<$item.length;i++){ $item[i].addEventListener("click",func);}function func(){ alert("123")} function landerring(){ $item.forEach((item, index) => { setTimeout(() => { item.classList.add("front"); }, 1000 + 100 * index); }); $item.forEach((aCard, _) => { setTimeout(() => { aCard.classList.remove("flipped"); }, 5000); });}쿼리셀렉터 이후 에드이벤트 리스너가 작동하지 않습니다. 어떻게 해결해야 할까요?

협군 · Accepted Answer

쿼리셀렉터가 동작하는 시점에 컨텐츠가 없는데요?

PSK · Answer

전역변수로 선언한 $item이 어떤걸 가르키는지 없어서 그런건가요?

querySelectorAll 후에 addEventListener 동작하지 않습니다.

2개의 답변

Q&A 목록