javascript - 尝试使用 html 按钮更改变量的值，但出了点问题？

Question

我想通过按下按钮来更改变量 circle 的值。 click 函数将 circle 的值加一。当 circle 等于 1 时，我的 if 语句应该运行 changeColor 函数来改变 div 的正确位置>.

这是我的 HTML 代码，click 函数应该在按下时运行...

<div id="div"></div> <button onclick="click()">Click me</button>

我可以添加我的 css，但它会占用太多空间，我怀疑它是否会有所作为。

这是我的 JS 代码...

var circle = 0;
function click(){ circle = circle++; }

function changeColor(){
    document.getElementById("div").style.right="-500px"; }

    if (circle == 1){ changeColor(); }

在我上传这个问题之前，我通过更改circle 的值来确保changeColor 函数有效。

感谢您的帮助!

Answer 1

您的代码行应该调用changeColor() , 不这样做。当您加载页面时，该 JavaScript 仅执行一次。基本上，您的浏览器是这样想的……

var circle = 0

// functions...

if(circle == 1) { ... } “不，现在 circle = 0 和 0 != 1。

如果您想让浏览器持续“监听”circle 的值然后运行 ​​if(circle == 1)当 circle 的值时已更改，最简单的方法是滚动 if声明到你的click()功能:

function click() {
    circle++; // use this instead of circle = circle++;
    if(circle == 1) { ... }
}