How to change hover to click, when adaptive?

Question

JavaScript

Please tell me, there is a script when you hover over the link "Țiglă modulară REGLE", a block appears. How can I make it so that with a maximum width of, for example, 1024px, other blocks appear on click only on the "s" button.

Sample code below:

Answer 1

let div = document.querySelector("div");

if (window.innerWidth > 768) {
  div.addEventListener("mouseover", function () {
    console.log("works");
  });
} else if (window.innerWidth < 768) {
  div.addEventListener("click", function () {
    console.log("works");
  });
}