CODEWITHSUNDEEP
javascriptevent-handlingdom-events
S Sb
S Sb

Reputation: 1

How to handle events in JavaScript?

I want to add class to this li with class .nav-link. I am using JS for it, but I don't know why this code is not functioning. P.s: I am new to JavaScript

<script>
        const navLink = document.querySelector('.nav-link');

        navLink.addEventListener("click", reveal);
        
        function reveal(ev) {
            ev.classList.add("open");
        }

</script>

Upvotes: 0

Views: 43

Answers (1)

Prime
Prime

Reputation: 2849

You have to use ev.target to get that element.

<script>
        const navLink = document.querySelector('.nav-link');

        navLink.addEventListener("click", reveal);
        
        function reveal(ev) {
            ev.target.classList.add("open");  // <----------- Fix this line
        }

</script>

Upvotes: 1

Related Questions