Buttons actions don't work after refreshing the website | Astro Lounge | Page 1

Hi! I'm trying to use multilanguages but when the website reloads, some scripts don't work. For example, I have this scripts for responsive menu:


const hamburgerBtn = document.getElementById('hamburgerBtn')
const navLinks = document.getElementById('navLinks')
const main = document.querySelector('main')


hamburgerBtn.addEventListener('click', () => {
    navLinks.classList.toggle('hidden') // Toggle visibility using Tailwind CSS classes
    hamburgerBtn.classList.toggle('hidden')
    main.classList.add('opacity-50')
});

const closeMenuBtn = document.getElementById('closeMenuBtn');

closeMenuBtn.addEventListener('click', () => {
    navLinks.classList.add('hidden') // Hidden menu
    hamburgerBtn.classList.toggle('hidden')
    main.classList.remove('opacity-50')
});

But when I change the language, the code stop working. When I reload manually the page everything works well. How can I fix this?

Actually, It's happening in any button after click on one of them, it's like the script is not visible again after refreshing

#Buttons actions don't work after refreshing the website