javascript - 将 javascript 案例绑定(bind)到 html 按钮

Question

我正在参与一个学校项目，我们正在制作一个 JavaScript 游戏。游戏由 9 个图像组成，您可以使用“上”“下”“右”“左”命令四处移动。您在文本字段中输入命令并按 Enter 键。但我们希望命令是绑定(bind)到 html 按钮。

这是我们到目前为止得到的:http://jsfiddle.net/KAxrx/

<div id="gamebuttons">
    <button id="up" button onClick="">UP</button>
    <button id="down" button onClick="">DOWN</button>
    <button id="left" button onClick="">LEFT</button>
    <button id="right" button onClick="">RIGHT</button>
    </div>

也可以在这里观看直播:http://kaspermedk.dk/

到目前为止，我们还没有得到任何样式，其中一些可能是丹麦语的。

但是我们想要的是将 4 个命令连接到我们制作的 4 个按钮。我们很绝望，希望有人能帮助我们! :)

如果您不明白或需要更多信息，请询问我们:)

Answer 1

无需更改太多代码，这里有一种方法

function clickHandler(sender) {
    input.value = sender.id;

    playGame();
}

<button id="up" onclick="clickHandler(this)">UP</button>
<button id="down" onclick="clickHandler(this)">DOWN</button>
<button id="left" onclick="clickHandler(this)">LEFT</button>
<button id="right" onclick="clickHandler(this)">RIGHT</button>