Ajout d'un menu burger
This commit is contained in:
15
js/menu.js
Normal file
15
js/menu.js
Normal 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');
|
||||
}
|
||||
});
|
||||
});
|
||||
10
js/script.js
10
js/script.js
@@ -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');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user