Конвертировать JQuery и Ваниль JS

Question

Я пытаюсь преобразовать этот код jQuery в vanilla js

$(".gone").click(function(){
  $(this).hide();
});

любая помощь?

Answer 1

Вы можете попробовать с querySelectorAll() и forEach() и addEventListener()

var gone = document.querySelectorAll(".gone")
Array.from(gone).forEach(function(g){
  g.addEventListener("click", function(){
    this.style.display = "none";
  });
});

<div class="gone">Gone 1</div>
<div class="gone">Gone 2</div>
<div class="gone">Gone 3</div>