我希望我的 Button
每次点击它时都会改变颜色。但它只会在第一次点击时改变颜色。
我相信问题出在 setColor
函数中。每次我点击 Button
时, count
都会被设置为 1。所以即使我将其设置为 0,它也会在下一次点击时重置为 1。我该如何解决? javascript/html 中是否有可以轻松解决的全局变量?
<!DOCTYPE html>
<html>
<head>
<script>
function setColor(btn, color){
var count=1;
var property = document.getElementById(btn);
if (count == 0){
property.style.backgroundColor = "#FFFFFF"
count=1;
}
else{
property.style.backgroundColor = "#7FFF00"
count=0;
}
}
</script>
</head>
<body>
<input type="button" id="button" value = "button" style= "color:white" onclick="setColor('button', '#101010')";/>
</body>
</html>
原文由 user2456977 发布,翻译遵循 CC BY-SA 4.0 许可协议
javascript中确实存在全局变量。您可以了解有关 范围 的更多信息,这在这种情况下很有帮助。
您的代码可能如下所示:
希望这可以帮助。