Zapamiętywanie checkBoxa

Question

<center>
<label class="switch">
  <input type="checkbox" id="myCheck" onclick="myFunction()">
  <span class="slider round"></span>
</label><br><br>
Uwaga! Funkcja jest dopiero testowana - nie wszystkie elementy na stronie są dostosowane do jasnego wariantu kolorystycznego. 
</center>
<script>

function myFunction() 
{
  var checkBox = document.getElementById("myCheck");

  if (checkBox.checked == true){
    var element1 = document.getElementById ("colormag_dark_style-css");
    element1.parentNode.removeChild (element1);
}
else 
{
var element2 = document.createElement("DARK");
element2.innerHTML = "<link rel='stylesheet' id='colormag_dark_style-css'  href='/wp-content/themes/colormag/dark.css?ver=5.1.1' type='text/css' media='all' />";
    document.head.appendChild (element2);
}
}

</script>

Posiadam taki kod na stronie, który odpowiedzialny jest za zmianę motywu strony (ciemny/jasny), chciałbym, aby zmiana dokonywana przez użytkownika była zapamiętywania, ale nie kompletnie nie rozumiem tych cookies...

 

Answer 1

ale Ty tu nigdzie nie zapisujesz ciastka?

Przede wszystkim odpowiedz sobie na pytanie czy potrzebujesz tych danych w back-endzie, bo jeśli nie to nie widzę sensu pchania tego w cookies i ładowania w każdy request...

Jeśli to tylko client side to zapisz w localStorage, na stronie MDN masz dobrą dokumentację i rozpisane wszystkie metody. W jak w ciastka to musisz po prostu zapisać w poliu cookies, na MDN też jest to ładnie rozpisane. Zajrzyj sobie do dokumentacji, nie ma sensu jej kopiowanie na forum.