Aller au contenu

Cours 3

Dark Vador

En cliquant sur une case à cocher, on doit changer le thème du site.

Important : l'attribut Bootstrap data-bs-theme="dark" est appliqué à la balise au chargement de la page.

Résultat attendu

Instructions

  • Faire un fork du codepen : https://codepen.io/tim-momo/pen/zYVyYJp
  • Ajoutez un événement (addEventListener()) sur la case à cocher.
  • Dans la fonction de l'événement, modifiez la valeur de l'attribut data-bs-theme de la balise <html>, soit la valeur dark pour le mode sombre ou light pour le mode clair.