Persistance d'une page à une autre

localStorage.setItem("theme", theme); Pour enregistrer une donnée.

localStorage.getItem("theme") Pour récupérer une donnée.

Exemple : persistance du style dys (enregistrement)

if (document.body.classList.contains("mode-dys")) { // si le body a la classe mode-dys ...

mode = "dys"; // ...alors la var theme devient dys

}

localStorage.setItem("mode", mode); // on enregistre le thème dans le localstorage

Exemple : persistance du style dys (récupération)

if (localStorage.getItem("mode") == "dys") { // si le mode du localstorage est dys ...

document.body.classList.add("mode-dys"); // ... alors on met la classe mode-dys au body

}

Exemple : persistance du style sombre

if (localStorage.getItem("theme") == "dark") { // si le thème du localstorage est dark ...

document.body.classList.add("dark-theme"); // ... alors on met la classe dark-theme au body

} else if (localStorage.getItem("theme")==null){ // sinon ...

const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)"); // ... on interroge le thème du navigateur

if (prefersDarkScheme.matches) { // si c'est dark ...

document.body.classList.add("dark-theme"); // ... alors on met la classe dark-theme au body

} else { // sinon ...

document.body.classList.remove("dark-theme"); // ... on l'enlève

}

}

AccueilPersistance d'une page à une autre