javascript - 我设置了一个 Javascript 函数以在单击按钮时运行，但代码不执行

Question

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

我一直对制作基于浏览器的游戏感兴趣，目前只是尝试代码以了解其工作原理。

我的代码中同时包含 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不会增加，或者，如果它增加，它不会更新变量显示。我还让同类的 friend 看了看，他说看起来也不错。

已经花了一个多小时了，非常感谢任何帮助。

Answer 1

括号内调用函数

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