.active{
color: green;
}
var menuItems = document.getElementsByClassName('js-menu-link');
var onClick = function (event) {
event.preventDefault();
for (var i = 0; i < menuItems.length; i++) {
menuItems[i].classList.remove('active');
}
event.currentTarget.classList.add('active');
};
for (var i = 0; i < menuItems.length; i++) {
menuItems[i].addEventListener('click', onClick, false);
}
<div class="menu">
<ul>
<li><a class="js-menu-link active" href="#">home</a></li>
<li><a class="js-menu-link" href="#">about</a></li>
<li><a class="js-menu-link" href="#">contact</a></li>
<li><a class="js-menu-link" href="#">basket</a></li>
<li><a class="js-menu-link" href="#">info</a></li>
</ul>
</div>