javascript 和网站上的用户输入问题以进行暗模式切换

Question

如您所见，我有一个 javascript 应该在网站上进行暗模式切换。 javascript 工作我收到警报，但是当我按下开关时没有任何反应。 为什么？ 注意：我对编程和其他东西非常陌生，所以对白痴的解释会很棒。 ----example.html----

  <a href="#" class="right">
    <button type="button" onclick="func()">Darkmode</button>
  </a>

---script.js---

let darkmode = 0
function func() {
    if(darkmode = 0){
        document.getElementById("main").style.background = "grey";
        document.getElementById("row").style.background = "grey";
        document.getElementById("footer").style.background = "grey";
        darkmode = 1;}
    else{
        document.getElementById("main").style.background = "white";
        document.getElementById("row").style.background = "white";
        document.getElementById("footer").style.background = "white";
        darkmode = 0;}
  }
alert("11 hot singles in your area");

----style.css----（主要来自css）

  /* Main column */
  .main {   
    -ms-flex: 70%; /* IE10 */
    flex: 70%;
    background-color: white;
    padding: 20px;
  }

Answer 1

你有一个非常有趣的错误

而不是if (darkmode = 0)

应该是if (darkmode === 0)

仅此而已

Answer 2

你的 js 中有一个错误，当你比较时你应该放==而不是= 。 所以你的 js 将是：

 let darkmode = 0 function func() { if(darkmode == 0){ document.getElementById("main").style.background = "grey"; document.getElementById("row").style.background = "grey"; document.getElementById("footer").style.background = "grey"; darkmode = 1;} else{ document.getElementById("main").style.background = "white"; document.getElementById("row").style.background = "white"; document.getElementById("footer").style.background = "white"; darkmode = 0;} } alert("11 hot singles in your area");