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');
}