посдкажите пожалуйста как зменить $(this).find('.terms__btn').addClass('hover-btn') на нативный js. Заране большое спасибо.
const terms = document.querySelectorAll('.terms');
for (var i = 0; i < terms.length; i ++) {
terms[i].addEventListener('mouseover', function(){
$(this).find('.terms__btn').addClass('hover-btn');
});
terms[i].addEventListener('mouseleave', function(){
$(this).find('.terms__btn').removeClass('hover-btn');
});
}
.hover-btn {
background-color: var(--violet);
}
<div class="terms terms-min">
<span class="terms__title"></span>
<span class="terms__price"><span class="terms__cost"></span><span class="terms__currency"></span></span>
<p class="terms__description">
</p><ul class="terms__list">
<li class="terms__item">123</li>
<li class="terms__item">123</li>
<li class="terms__item">13123</li>
<li class="terms__item">123</li>
<li class="terms__item">123</li>
</ul><p></p>
<div class="terms__button">
<a href="/" class="terms__btn">Заказать</a>
</div>
</div>