Cacher is the code snippet organizer for pro developers

.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>