我一直在尝试制作一个切换按钮,当按下这个按钮时,它会为了我自己的眼睛把页面变成黑色,但一直无法做到。这是我尝试时的样子:https://gyazo.com/5cd21085350b603f9289bb5f64b2361e我不擅长使用JavaScript,所以它不是那么复杂。我的按钮看起来像这样:
<label class="switch" onclick="pagecolor();">
<input type="checkbox">
<span class="slider round"></span>
</label>
下面是我的JavaScript:
function pagecolor(){
if(document.body.style.backgroundColor = "white") {
document.body.style.backgroundColor = "black";
} else {
document.body.style.backgroundColor = "white";
}
}
希望您能提供帮助:)
发布于 2018-07-01 06:54:06
您的if条件不正确,它的计算结果始终为true,因为您使用的是single = sign,请使用==
function pagecolor(){
if(document.body.style.backgroundColor == "white") {
document.body.style.backgroundColor = "black";
} else {
document.body.style.backgroundColor = "white";
}
}
https://stackoverflow.com/questions/51119108
复制相似问题