javascript - 使用 javascript 切换 bool 值以获得暗模式功能

Question

我正在尝试设置深色模式。这个逻辑不太成立。

我已经多次重新安排变量。我不太明白。

var isDarkMode = false;
var darkModeToggle = false;


function toggleDarkMode(){
  if (isDarkMode === false && darkModeToggle === false){
    isDarkMode = true;
    setDarkMode();

  }

  if (isDarkMode === true && darkModeToggle === true){
    isDarkMode = false; 
    setDarkMode();

    darkModeToggle = false;

  }

  darkModeToggle = true;


}

function setDarkMode(){
    if (isDarkMode === true){
  //Change to dark
  }


  if (isDarkMode === false){
//Change to light
  }


}

我已经完成了其余的功能。我想我缺少一些简单的东西，我只是不知道它是什么。

Answer 1

你把事情复杂化了一点。我不知道 darkModeToggle 变量的原因，所以我已将其排除在我的解决方案之外。

toggleDarkMode() 就这么简单

isDarkMode = !isDarkMode; setDarkMode();

• 正如您将在下面看到的那样，没有理由测试该函数的值(value)。

var isDarkMode = false;

function toggleDarkMode() {
  isDarkMode = !isDarkMode;
  setDarkMode();
}

function setDarkMode() {
  if (isDarkMode) {
    console.log("Change to dark");
  } else {
    console.log("Change to light");
  }
}

toggleDarkMode();
toggleDarkMode();
toggleDarkMode();
toggleDarkMode();