我设置一个Javascript函数运行按钮单击但代码不执行

时间:2018-03-20 06:57:37

标签: javascript html button

好吧,我现在就把它放在那里,我的编程知识并不是很棒。只编程了几个月。

我一直对制作基于浏览器的游戏感兴趣,目前我正在玩代码以了解其运作方式。

我的代码中同时包含HTML和Javascript。我试图得到它,以便当按下ButtonA时,VariableA增加设定的数量。我之前在其他小程序上完成了这个,所以我只是完成了我在其他程序上做的事情,但由于某种原因,当点击按钮时,变量不会改变。

我的按钮在HTML代码中定义,该函数从javascript运行。我会把代码放在这里,这样你就可以看到了。

<script type="text/javascript">

        //DEFINED VARIABLES

            var playerLevel = 1;
            var playerExp = 0;
            var playerGold = 0;
            var playerCredits = 0;
            var neededExp = 30;

        //FIGHT BUTTON

            function Fight() {
                playerExp += 5;
                document.getElementById("playerExp").innerHTML = playerExp;
                }
        </script>

这是我的程序目前拥有的所有Javascript代码。功能设置对我来说非常好。现在这里是按钮设置的HTML代码。

<h3>
<button type="button" onClick="Fight"><background color="gray"><font color="black">Fight!</font></button>
        </h3>

按钮与我一直按下按钮并使它们工作的方式相同。我将它放入h3标签,因为我使用样式表将按钮放在页面上。我的代码是:

h3 {
    position: fixed;
    top: 283px;
    left: 20px;
    }

我知道我可能遗漏了一些简单的东西,但据我所知,一切看起来都准确地设置了我的其他游戏按钮的设置方式。我无法弄清楚的问题是当按下按钮时,变量playerEXP不会增加,或者,如果它增加,它不会更新变量显示。我也让我的朋友和我在同一个班级看着它,他说它看起来也很好。

经过一个多小时,非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

在paranthesis中调用函数

Error: ESLint configuration in /builds/PPL2018csui/Kelas-A/Kel-5/functions/node_modules/grpc/node_modules/uuid/.eslintrc.json is invalid:
- Unexpected top-level property "installedESLint".