Как переписать эту функцию с Jquery на JS?

Question

[Evtera]

Здравствуйте. Пытаюсь переписать функцию с Jquery на JS, но выдает ошибку.

const select = document.querySelector(".dropdown-el");
select.addEventListener("click", function (e) {
  e.preventDefault();
  e.stopPropagation();
  this.classList.toggle("expanded");

  console.log("#" + e.target.getAttribute("for").outerHTML("checked",true));
 
});

window.addEventListener("click", function () {
  select.classList.remove("expanded");
});

Comments

[Dima Polos]

outerHTML - это не метод

[Dima Polos]

метод getAttribute вернет значение атрибута, а не объект DOM

Answer 1

[0xD34F]

const dropdown = document.querySelector('.dropdown-el');
const activeClass = 'expanded';

dropdown.addEventListener('click', e => {
  e.preventDefault();
  e.stopPropagation();
  e.currentTarget.classList.toggle(activeClass);
  e.target.previousElementSibling.checked = true;
});

document.addEventListener('click', () => dropdown.classList.remove(activeClass));