gpt4 book ai didi

javascript - 单击时更改按钮颜色

转载 作者:太空狗 更新时间:2023-10-29 13:08:06 26 4
gpt4 key购买 nike

我希望我的 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>

最佳答案

javascript中确实有全局变量。您可以了解更多关于 scopes 的信息,这在这种情况下很有帮助。

您的代码可能如下所示:

<script>
var count = 1;
function setColor(btn, color) {
var property = document.getElementById(btn);
if (count == 0) {
property.style.backgroundColor = "#FFFFFF"
count = 1;
}
else {
property.style.backgroundColor = "#7FFF00"
count = 0;
}
}
</script>

希望这对您有所帮助。

关于javascript - 单击时更改按钮颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26937424/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com