-1

我创建了一个小函数，它会根据点击次数增加数字。我最初是在一个文件上完成的，但现在我需要将它分成单独的文件，因为我想将该函数用作我的游戏的一部分。不幸的是，我对 Javascript 比较陌生，而且我一定在某个地方搞砸了。这是我所拥有的：

HTML：

<body>
    <button type="button" onclick="increaseMainScore()" id="mainPostCard"></button>
    <input type="text" id="outputScore"></input>
</body>

JS：

var mainScore = 1;

function increaseMainScore() {
    var textBox = document.getElementById("outputScore");
    textBox.value = mainScore;
    mainScore++;
}

还有一些 CSS 测试样式等。

JSfiddle 在哪里工作（单页）：http: //jsfiddle.net/bSt2u/

JSfiddle 不起作用的地方：http: //jsfiddle.net/AdG8Y/

如果有人能帮我解决这个问题，那就太好了。

4

1 回答 1

1

您可以尝试这样的事情，您必须将此代码保留在您的页面之间的script标签之间head（最简单的一个）

<head>
    <script type="text/javascript">
        window.onload = function(){
            var mainScore = 1;
            var btn = document.getElementById('mainPostCard');
            btn.onclick = function(){
                var textBox = document.getElementById("outputScore");
                textBox.value = mainScore;
                mainScore++;    
            };
        };
    </script>
</head>

或者将此代码保存在单独的 .js文件中，即 ( yourfile.js) 并HTML使用 (inside head 标签) 将其添加到页面中

<script type="text/javascript" src="yourfile.js"></script>

另外，检查这个答案。

于 2013-11-13T00:13:09.393 回答