How do I run a function on click?

Asked Mar 13 '20 at 08:09

Active Mar 13 '20 at 08:44

Viewed 33 times

Here's my code:

selectList = document.querySelectorAll("li.select");

selectList.addEventListener("click", function (){
selectList.classList.toggle("open");
});

When I just did the 'querySelectorAll' part, I used console.log and it worked. Showed me how many nodes I had.

I'm trying to add the class, open to the text whenever it's clicked. Nothing is working.

Please tell me what I did wrong.

edited Mar 13 '20 at 08:44

asked Mar 13 '20 at 08:09

user13055754

Add your HTML code too. – Vala Khosravi Mar 13 '20 at 08:11
1

`document.querySelectorAll` returns multible elements `addEventListener` only works on a single element. – Roland Starke Mar 13 '20 at 08:11
@RolandStarke Ok. What could I use that would work on all similar elements? – user13055754 Mar 13 '20 at 08:13
@ValaKhosravi ok. – user13055754 Mar 13 '20 at 08:33
@ValaKhosravi It can't enter. Let me put it somewhere and send you the link. – user13055754 Mar 13 '20 at 08:41
@ValaKhosravi , here. https://code.sololearn.com/WSH825hFGSz7/?ref=app – user13055754 Mar 13 '20 at 08:43
You would need to add a `for` loop and then add event listener. Better solution is however is to do event delegation. https://javascript.info/event-delegation. – MonteCristo Mar 13 '20 at 12:31
Just read the answers from the dupe target. – Andreas Mar 13 '20 at 17:53

0 Answers0