Задача следующем: при клике на стрелку вверх или вниз, число счетчика должно или прибавлятся на 1 или уменьшатся, и был активен тот этаж, у которого data атрибут с числом этажа, совпадал с числом в счетчике.
Я реализовал подобный функционал, но только при клике на сам этаж. (число в счетчике меняется в зависимости от этажа на который был произведен клик, и сделал выбраный этаж активным). Как сделать подобное при клике на стрелки вверх/вниз?
Буду очень благодарен за помощь, понятно что на jquery это проще сделать, но хочу понять как делать на чистом js, так как я только начал изучать язык.
Ссылка на проект: https://plupiks.github.io/melody-landing/.
const floors = document.querySelectorAll(".house-floor");
const floorCountNumb = document.querySelector(".hero--value");
const arrowUp = document.querySelector(".hero--arrow-up");
const arrowDown = document.querySelector(".hero--arrow-down");
// При клике на этаж
floors.forEach(e => {
e.addEventListener('click', function (e) {
var floorActive = e.target;
floors.forEach(e => {
e.classList.remove("house-img--active");
})
floorActive.classList.add("house-img--active");
var floorCount = e.target.dataset.floor;
floorCountNumb.textContent = floorCount;
})
})
// При клике на стрелку вверх
arrowUp.addEventListener('click', () => {
})