Exercice basé sur le travail de Benoit UFFER participant en février 2023.

L’idée est de créer un menu responsive avec un minimum de JavaScript et avec plusieurs options de mise en page facilement paramétrable.

• Le HTML remplit son rôle sémantique et rien de plus. Aucun élément HTML n'a été ajouté dans le but de créer de la fonctionnalité ou du design (il n'y a pas de <div> dans une <div> dans une <div> pour permettre un quelconque alignement ou rendre une zone cliquable ou quoi que ce soit du genre).
• Le code HTML est le même pour chacune de ces pages. Ceci afin de montrer que la fonctionnalité du menu déroulant peut être réellement complètement séparée du code HTML.
• Le Menu burger est un checkbox avec un peu de style par-dessus.

Le code de base :

Avec JS et un bouton