const isSmallWidth = window.innerWidth < 768;
if (isSmallWidth) {
div.addEventListener('mouseover', myHandler);
} else {
div.addEventListener('click', myHandler);
}
function myHandler() {
console.log("блоки, появитесь!");
}
document.querySelector
писать как-то такblocks.forEach(block => { // перебор всех блоков
block.querySelector(...
// тут работаем с элементами внутри блока, а не с первым попавшимся в документе
})