javascript - 在javascript中更改按钮文本onclick

Question

我想使用切换按钮在我的网站上启用深色模式功能。我已经让 暗模式 开始工作了 我想让按钮说 Turn on dark mode 当它关闭时然后 Turn off dark mode 当它打开时。

function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}

.dark-mode {
	background-color: black;
	color: white;
}

<button onclick="myFunction()">Turn on dark mode</button>

Answer 1

function myFunction() {
   var element = document.body;
   var btn = document.getElementById("modeSwitcher");
   element.classList.toggle("dark-mode");
   if(element.classList.contains("dark-mode"))
    btn.innerHTML= "Turn off dark mode";
   else 
    btn.innerHTML= "Turn on dark mode";
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}

.dark-mode {
	background-color: black;
	color: white;
}

<button onclick="myFunction()" id="modeSwitcher">Turn on dark mode</button>