refactor: modernize and streamline js

alexanderdavide

13.13.2022 5816cb7a4519bcdf48f548f9fd16ac2282498fb5

 assets/js/anatole-header.js

@@ -1,18 +1,13 @@
document.addEventListener('DOMContentLoaded', function () {
  // Get all "navbar-burger" elements
  var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
  var nav = document.querySelector('nav');
  // Check if there are any navbar burgers
  if ($navbarBurgers.length > 0) {
    // Add a click event on each of them
    $navbarBurgers.forEach(function ($el) {
      $el.addEventListener('click', function () {
        var target = $el.dataset.target;
        var $target = document.getElementById(target);
        $el.classList.toggle('nav--active');
        $target.classList.toggle('nav--active');
        nav.classList.toggle('nav--active');
      });
document.addEventListener('DOMContentLoaded', () => {
  const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
  const nav = document.querySelector('nav');
  if (navbarBurgers.length < 1) return;
  navbarBurgers.forEach((navbarBurger) => {
    navbarBurger.addEventListener('click', () => {
      const target = document.getElementById(navbarBurger.dataset.target);
      target.classList.toggle('nav--active');
      navbarBurger.classList.toggle('nav--active');
      nav.classList.toggle('nav--active');
    });
  }
  });
});