Правильно ли так работать с событиями в DOM?

Question

[Павел Диденко]

Разрабатываю сайт, весь фронт буду писать на чистом JS. Сверстал меню и написал скрипт для этого меню в десктопной версии, но код выглядит громоздким, по-моему.
Насколько правильно писать в таком стиле? Как написать этот код лучше? Готовый код мне не нужен, нужно подтолкнуть в направление, хочу все сам написать.

Менюшка тут - ссылка на codepen

Comments

[alex]

Правильно ли

в вашем примере - не правильно. такие вещи еще с первобытных времен делают средствами css

[Александр Маргинал]

А если уж и пишете не js в es6, то меню должно быть одним классом, а не лежать в глобальной области видимости

[Павел Диденко]

Александр Маргинал, ну естественно я не буду держать это в глобальной области. Я пишу модулями, и это был отдельный модуль

[Павел Диденко]

Alex а как эти средства css теперь отменить для мобильной версии? Переделал все меню в десктопной версии, но теперь ловлю баги на мобилке из-за hover. Есть какое-то адекватное решение для устранения эффекта hover на мобилке, или делать все через одно место?