有人能帮我解决我的黑暗模式吗？
有人能帮我解决我的黑暗模式吗？
提问于 2020-02-05 14:15:09
我想有一个基本的黑暗模式链接到一个按键。我是JavaScript的初学者，我不能让它开始工作。我想要的是，你按下一个键，黑暗模式在js上用cookie打开，而我再次按相同的键关闭黑暗模式并删除Cookie。有人能帮我吗？
这是我的守则：
var elem = document.getElementById("folie");
window.addEventListener("keydown", checkKeyPress);
function checkKeyPress(key) {
let zahl = 1;
if (key.keyCode == "70") {
if (zahl == 1) {
zahl++
dark()
Cookies.set("Darkmode", "An");
}
if (zahl == 2) {
zahl--
Cookies.remove("Darkmode")
}
}
}
var DarkCookie = Cookies.get("Darkmode");
if (DarkCookie == 'An') {
dark();
}
function dark() {
var element = document.body;
element.classList.toggle("dark-mode");
}编辑：
好的，我知道了：
let CookieDarkMode = false;
function toggleDarkMode() {
var element = document.body;
element.classList.toggle("dark-mode");
}
window.addEventListener("keydown", checkKeyPress);
function checkKeyPress(key) {
if (key.keyCode === 70) { //"F" has been pressed
CookieDarkMode = !CookieDarkMode;
console.log("Cookie Dark mode: " + CookieDarkMode);
toggleDarkMode();
if (CookieDarkMode) {
Cookies.set("Darkmode", "An");
}else {
Cookies.remove("Darkmode");
}
}
};
var DarkCookie = Cookies.get("Darkmode")
if (DarkCookie == 'An') {
CookieDarkMode = true;
toggleDarkMode();
}Stack Overflow用户
发布于 2020-02-05 14:30:25
你不需要储存一个号码。您只需使用布尔值获取前面的cookie值即可。
let CookieDarkMode = false;
function toggleDarkMode() {
var element = document.body;
element.classList.toggle("dark-mode");
}
window.addEventListener("keydown", checkKeyPress);
function checkKeyPress(key) {
if (key.keyCode === 70) { //"F" has been pressed
CookieDarkMode = !CookieDarkMode;
console.log("Cookie Dark mode: " + CookieDarkMode);
toggleDarkMode();
}
};body {
background-color: ghostwhite;
}
.dark-mode {
background-color: black;
color: white;
}<body>
<p>Lorem Ipsum</p>
</body>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60077760
复制相关文章
相似问题
腾讯云开发者
