Javascript addEventListener isn't working

[TonyKapa]

Hello!

I am trying to do a simple hover event in my cart dropdown menu

Code is following

var q = document.querySelector("#_desktop_cart");
var a = document.querySelector("#_desktop_cart > div.leo-dropdown-cart.defaultcart.dropdown");
q.addEventListener("mouseover", ()=>{a.classList.add("show")});
q.addEventListener("mouseout", ()=>{a.classList.remove("show")});

It works when I add the code from devtools console but not when I add it put it in javascript files in prestashop (custom.js , header,js)

I tried wrapping in it document.ready as well but its not working either. Any way around it ? Thanks in advance!

[tdsoft]

11 hours ago, TonyKapa said:

Hello!

I am trying to do a simple hover event in my cart dropdown menu

Code is following

var q = document.querySelector("#_desktop_cart");
var a = document.querySelector("#_desktop_cart > div.leo-dropdown-cart.defaultcart.dropdown");
q.addEventListener("mouseover", ()=>{a.classList.add("show")});
q.addEventListener("mouseout", ()=>{a.classList.remove("show")});

It works when I add the code from devtools console but not when I add it put it in javascript files in prestashop (custom.js , header,js)

I tried wrapping in it document.ready as well but its not working either. Any way around it ? Thanks in advance!

What is your website?

Are you sure that your website contain any HTML tag with ID = _desktop_cart or class= div.leo-dropdown-cart.defaultcart.dropdown

[Ress]

Did you clear the cache? Both from prestashop, in case you have it active, as well as from the browser? Specifically, you could see in the source of the page, if your code is in the file (custom.js, header.js).