Я пытаюсь навешать активный класс на кнопки, что бы при активном классе у них был другой цвет.
<div id="menu" onclick="myFunction(event)">
<a class="active" href="/admin">Главная</a>
<a href="/admin/or.php">Заказы</a>
<a href="/admin/st.php">Статистика</a>
</div>
прописываю следующий js код :
function myFunction(e) {
var elems = document.querySelectorAll(".active");
[].forEach.call(elems, function(el) {
el.classList.remove("active");
});
e.target.className = "active";
}
Но при таком способе при клике обнавляется DOM дерево и все сбрасывается, если прописываю e.preventDefault(); то не работает запрос к серверу и данные не выводятся.
Подскажите как дополнить мой код чтобы можно было применять активный класс и данные по клику на кнопку менялись
