Cacher is the code snippet organizer for pro developers

let navbarDropdown = document.querySelector('#navbar-dropdown');
let openNavbarDropdown = document.querySelectorAll('[data-dropdown-open]');
let closeNavbarDropdown = document.querySelectorAll('[data-dropdown-close]');

for(let i = 0; i < openNavbarDropdown.length; i++) {
    openNavbarDropdown[i].addEventListener('click keypress', (e) => {
        e.preventDefault();
        alert('1');
    });
}

for(let i = 0; i < closeNavbarDropdown.length; i++) {
    closeNavbarDropdown[i].addEventListener('click keypress', (e) => {
        e.preventDefault();
        alert('2');
    });
}