Converting jquery trigger to pure javascript

Question

Anybody help with converting a trigger on click in jquery to pure javascript pls. Code is

$("#classone").click(function () { $("li").toggleClass("visible"); });

Welcome to Stack Overflow. Please review: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click — Twisty, Dec 06 '21 at 00:07

ControlAltDel · Accepted Answer · 2021-12-06T00:13:45.600

1

In pure JavaScript, you could do it as

document.querySelector("#classone").addEventListener("click",
function() {


document.querySelectorAll("li").forEach(function(elem) {
          elem.classList.toggle("visible");
        });
    });

(sry code formatting got screwed up)

edited Dec 06 '21 at 00:13

answered Dec 06 '21 at 00:06

ControlAltDel

33,923
10
53
80

Hi I forgot to add classone part of it. Could you look again the question? – Emre Unver Dec 06 '21 at 00:08
Throws Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') – Emre Unver Dec 06 '21 at 00:23
Solved it by carrying script under. Thanks so much – Emre Unver Dec 06 '21 at 00:28
@EmreUnver Great! Please click the checkmark next to my answer to mark this question answered – ControlAltDel Dec 06 '21 at 01:30

Converting jquery trigger to pure javascript

1 Answers1