Archiv-Modus von Basti1012 Lösungspage

Guten Tag Ich habe folgendes Problem, Auf unserer Firma Webseite funktioniert der Darkmode nicht richtig bzw er lässt sich einfach nicht mehr toggln (Ist Fest auf ON gestellt) Da ich relativ frisch in die Abteilung gerutscht bin, bin ich natürlich noch etwas unerfahren. Ich verstehe den Code etwas und suche im Moment nach dem Fehler kann ihn aber nicht richtig finden.

Code

                                    
                                  <!doctype html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style>
      
    </style>
  </head>
  <body>
       <input
                    id="mode_spc"
                    type="checkbox"
                    data-toggle="toggle"
                    data-style="ios"
                    data-onstyle="warning"
                    data-offstyle="primary"
                />
    <h1>Dark test</h1>
    <p> Etwas text für den Darkmodus test</p>
    
    <script>
      $(document).ready(function () {
if(localStorage.getItem("Messung_mode_spc")){

}else{
     localStorage.setItem("Messung_mode_spc", true); 
}
//console.log(localStorage.getItem("Messung_mode_spc"));
if(localStorage.getItem("Messung_mode_spc")=='true'){
     $("#mode_spc").prop("checked",true) 
     dark();
}else{
     $("#mode_spc").prop("checked",false)  
     hell();
}

  
$("#mode_spc").change(function () {
     let was=$(this).prop("checked");
     if(was == true){
          dark();
     }
     if(was == false){
          hell();
     }
});

  
  
function dark() {
     $("p,h1").css('color','white');
     $("body").css('background','black');
     localStorage.setItem("Messung_mode_spc", true);
}
function hell() {
     $("p,h1").css('color','black');
     $("body").css('background','white');
     localStorage.setItem("Messung_mode_spc", false);
}
})
    </script>
  </body>
</html>

basti1012.bplaced.net

Darkmode lässt sich nicht togglen

Code