How to handle events in JavaScript?

Question

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. Ps: I am new to JavaScript

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

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

</script>

Answer 1

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>