Question

我对编写javascript的经验很少，我拼命地需要帮助。我需要这样做，以便当点击一个按钮时，得分上升一个类似于cookie点击器游戏的工作方式，这是一个分配，最终产品将是一个类似于cookie点击游戏的游戏。

这是我到目前为止的代码;

<!DOCTYPE html>
<html>

<head>
    <title> Assignment </title>

</head>

<body>
    <header>
        <strong>Don't Touch The Button</strong>
    </header>

    <div class="game-object">
        <script type="text/javascript">
            var clicks = 0;
        </script>
        <button type="button" onClick ="clicks++" id="push"> NO. </button>
    </div>

Answer 1

您的代码已经有效。 Here's a demo演示了您的代码。

我添加了一个显示点击次数的功能：

function updateClickCount() {
    document.getElementById("clickCount").innerHTML = clicks;
}

Answer 2

单独定义此功能最好是代码组织：

var incrementCount = function(){
    clicks++;
}

然后从你的onclick上调用它：

<button type="button" onClick ="incrementCount();" id="push"> NO.</button>

更好的是，完全摆脱所有内联javascript（AKA“突兀”javascript）并创建一个能够自动响应所有这些类型按钮上的所有点击事件的对象是明智的，但这可能会高于你的水平。

您可以将其添加到您包含的外部JS文件中，并创建一个新的“计数器”对象，该对象会在用户单击您的按钮对象时自动触发。

Answer 3

你可以内联进行，但从长远来看，如果你以后要重复使用它，或者在点击按钮时还需要做其他事情，那么将函数放在你的脚本中会更容易维护。

<强> JS

function onClick(){clicks++;}

<强> HTML

<button type="button" onClick ="onClick()" id="push"> NO.</button>

如何通过单击按钮将1添加到javascript变量？

3 个答案: