How to toggle class using pure javascript in html

css, hover, html, javascript, toggle

Solution

Hover event is called "mouseenter" instead of "click".

<script type="text/javascript">
    function a(){
        this.classList.toggle('first');
        this.classList.toggle('sec');
    }
    document.querySelector('#container').addEventListener('mouseenter', a )
    document.querySelector('#container').addEventListener('mouseleave', a )
</script>

Problem

I have a `<div>`, and I want to toggle its classes on hover. Here is my code: ``` function a(){ this.classList.toggle('first'); this.classList.toggle('sec'); } document.querySelector('#container').addEventListener('click', a ); ``` I know there is no problem in my html or css. It is just that I have to change and put something in place of `click`, but I don't know what. Please help!!

Original source