Question

我创建了一个小函数，可以根据点击次数增加数字。我最初在一个文件上完成了所有操作，但我现在需要将它分成单独的文件，因为我想将该功能用作游戏的一部分。不幸的是，我对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/

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

Answer 1

您可以尝试使用this之类的内容，您必须将此代码保存在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）并使用（内部标记）将其添加到<script type="text/javascript" src="yourfile.js"></script>页面中

{{1}}

另外，请检查this answer。

从HTML文件中增加JS中的变量

1 个答案: