javascript - 通过html按钮更改变量

Question

我正在学习 javascript，因此我决定创建简单的剪刀石头布游戏。我想让它可以通过按钮控制。所以我用 html 做了这个:

<div id="game">
    <button onClick="user(rock)">Rock</button>
    <button onClick="user(paper)">Paper</button>
    <button onClick="user(scissors)">Scissors</button>
    <div id="result"></div>
    <br>
    <br>
    <button onClick="test()">DEBUG</button>
</div>

这在 .js 文件中。

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

所以我认为在我点击 Rock 按钮后它会将 var user 更改为 rock 但它没有。在我点击摇滚然后调试按钮后，我得到“你没有选择”。

Answer 1

<div id="game">
    <button onClick="choose('rock')">Rock</button>
    <button onClick="choose('paper')">Paper</button>
    <button onClick="choose('scissors')">Scissors</button>
    <div id="result"></div>
    <br>
    <br>
    <button onClick="test()">DEBUG</button>
</div>

和

var user;
function choose(choice){
    user = choice;
}

function test(click){
    alert("You chose " + user);
}