animation-fill-mode: forwards
поможет. Это заморозит анимацию в её конечной точке.animation-iteration-count: infinite
.id
может быть уникальным на странице и для этого лучше использовать классы.<form>
<div class="some-class">text1</div>
<div class="some-class">text2</div>
<div class="some-class">text3</div>
</form>
function getElemContent(i) {
return document.querySelectorAll('.some-class')[i].innerHTML;
}
<a onclick="changeButtonsBackground()">Home</a>
event
, который можно будет использовать так:function changeButtonsBackground(event){
event.target.style.backgroundColor="#8e58a3";
}
.navMenuItem.active {
background-color: #8e58a3;
}
function changeButtonsBackground(event){
event.target.classList.add('active');
}