Javascript表示函数未定义

只是想用两个按钮创建一个简单的计数器，一个按钮加1，另一个按钮减1。我正在使用JS和HTML。JS说add（）和sub（）都不是函数。这段代码可以在codepen.io、JSFiddle和JSHint上运行，JSHint只表示“两个未使用的变量”

HTML

<div class="main">
  <div id="button">
    <h1>Click Me</h1>
    <p>Number<button id="add" onclick="add()">+</button></p>
    <span id="result"></span>    
    <button id="sub" onclick="sub()">-</button>
   </div>
</div>

---

我认为应该是这样的：

var x=0
函数add（）{
document.getElementById（“结果”）.innerHTML=x+=1；
}
函数子（）{
document.getElementById（“结果”）.innerHTML=x-=1；
}

点击我
数+

-

应避免在同一行中使用两次无分号的assing运算符

如下所示，您必须为每个函数在同一行中分配运算符。 在代码中类似于说
b=a=a+1

var x=0
函数add（）{
x+=1；
document.getElementById（“结果”）.innerHTML=x.toString（）
}
函数子（）{
x-=1；
document.getElementById（“结果”）.innerHTML=x.toString（）
}

你可以试试这个

变量x=0

function add(){
    document.getElementById("result").innerHTML = (++x).toString();
}

function sub(){
    document.getElementById("result").innerHTML = (--x).toString();
}

---

因为您使用了JsHint，所以它只针对javascript，不检查HTML，并且知道它在HTML中使用。它只在Js代码中发现问题

function add(){
    document.getElementById("result").innerHTML = (++x).toString();
}

function sub(){
    document.getElementById("result").innerHTML = (--x).toString();
}