Преобразования JQuery кода в JS

Question

Всем привет, подскажите как будет выглядеть этот код на чистом JS

$(document).ready(function(){
    $('.wrapper').on('click', '.topmenulink', function(e){
        e.preventDefault();
        $('.topmenulink').removeClass('activelink');
        $( this ).addClass('activelink');
    });
});

Answer 1

Например:

document.addEventListener("DOMContentLoaded", function(event) {
  let wraps = document.querySelectorAll('.wrapper'),
    links = document.querySelectorAll('.topmenulink');


  wraps.forEach((wrap) => {
    wrap.addEventListener('click', (e) => {
      e.preventDefault();

      links.forEach((link) => {
        if (!link.classList.contains('activelink')) {
          link.classList.add('activelink');
        } else {
          link.classList.remove('activelink');
        }
      });
    });
  })
});

.activelink {
  color: red;
}

<a href="#" class="wrapper">
  wrapper
</a>

<div class="topmenulink">
  topmenulink
</div>

БЛОГ НА HUSL

Преобразования JQuery кода в JS

Ответы (1 шт):