Ajout d'un menu burger

This commit is contained in:
2024-01-12 21:09:55 +01:00
parent 829795f10a
commit 2c6bff3937
4 changed files with 74 additions and 88 deletions

15
js/menu.js Normal file
View File

@@ -0,0 +1,15 @@
document.addEventListener("DOMContentLoaded", function () {
const burgerMenu = document.querySelector('.burger-menu');
const navLinks = document.querySelector('.nav-links');
burgerMenu.addEventListener('click', function () {
navLinks.classList.toggle('show');
});
// Ajoutez le code suivant pour masquer le menu lorsque la largeur de l'écran est supérieure à 768px
window.addEventListener('resize', function () {
if (window.innerWidth > 768) {
navLinks.classList.remove('show');
}
});
});

View File

@@ -1,8 +1,8 @@
document.addEventListener('DOMContentLoaded', function () {
const menuIcon = document.getElementById('menu-icon');
const navList = document.querySelector('nav ul');
const burgerMenu = document.querySelector('.burger-menu');
const navLinks = document.querySelector('.nav-links');
menuIcon.addEventListener('click', function () {
navList.classList.toggle('show');
burgerMenu.addEventListener('click', function () {
navLinks.classList.toggle('show');
});
});
});