Для кнопок создал javascrit
активный класс но код сробатывает неправильно .Цвет кнопки меняется через две нажатие и иногда вабше неменяется . Можете подсказать ошибку .Заранее спасибо
<div class="navigation">
<a href="#" class="link active" onclick="activeFunction()">Link</a>
<a href="#" class="link" onclick="activeFunction()">Link</a>
<a href="#" class="link" onclick="activeFunction()">Link</a>
</div>
<style>
.navigation{
width:100%;
display:inline-block;
text-align:center;
}
.link{
display:block;
padding:1em 0 1em 0;
margin:0.5em;
background-color:yellow;
}
.active{
background-color:green;
}
</style>
<script>
function activeFunction(){
var link,i;
link =document.getElementsByClassName("link");
for (var i = 0; i < link.length; i++) {
link[i].addEventListener("click", function() {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace("active", "" );
this.className += "active";
});
}
}
</script>