HTML未从JavaScript脚本更改

我正在尝试用HTML和JavaScript制作一个基本的平均值计算器。我有HTML中的输入字段和按钮，以及JavaScript中的平均值和重置函数。我找不到我的问题所在

HTML代码：

<section class="script">
  <script src="avg.js"></script>
  <input type="number" id="inputVal" placeholder="Input Value..."></number><br>
  <button id="Btn_Avg" onclick="AddFunc(inputVal.Value)">Average</button>
  <button id="Btn_Rst" onclick="ResetFunc()">Reset</button>
  <p>Average: </p><p id="average">OK</p>
</section>

---

首先，它应该是

inputVal.value

（小写

value

）。它应该正确地将输入值传递给函数。但你的问题并没有真正描述你遇到的问题，所以我不确定这是否能回答你的问题

---

另外，我不认为

global

是JavaScript的有效关键字。

首先，它应该是

inputVal.value

（小写

value

）。它应该正确地将输入值传递给函数。但你的问题并没有真正描述你遇到的问题，所以我不确定这是否能回答你的问题

---

另外，我不认为

global

是JavaScript的有效关键字。

问题在于这部分

onclick=“AddFunc（inputVal.Value）”

。这不会将

inputVal

的值传递给函数。您应该将

元素存储在变量中，并使用小

v

访问其值，即

value

var计数=0；
var合计=0；
var平均值=0；
var结果=document.getElementById（“平均”）；
var input=document.getElementById（'inputVal'）
result.textContent=0；
函数AddFunc（e）{
设值=数字（输入值）；
总+=价值；
计数+=1；
平均值=总数/计数；
result.innerHTML=''+平均值；
}
函数ResetFunc（）{
总数=0；
计数=0；
平均值=0；
result.innerHTML='0'；
}

平均值
重置
平均值：
OK

问题出在这部分

onclick=“AddFunc（inputVal.Value）”

。这不会将

inputVal

的值传递给函数。您应该将

元素存储在变量中，并使用小

v

访问其值，即

value

var计数=0；
var合计=0；
var平均值=0；
var结果=document.getElementById（“平均”）；
var input=document.getElementById（'inputVal'）
result.textContent=0；
函数AddFunc（e）{
设值=数字（输入值）；
总+=价值；
计数+=1；
平均值=总数/计数；
result.innerHTML=''+平均值；
}
函数ResetFunc（）{
总数=0；
计数=0；
平均值=0；
result.innerHTML='0'；
}

平均值
重置
平均值：
正常
global var count = 0;
global var total = 0;
global var avg = 0;
global var result = document.getElementById("average");
result.textContent = 0;

function AddFunc(value){
  total += value;
  count += 1;
  avg = total / count;
  result.innerHTML = '' + avg;
}

function ResetFunc() {
  total = 0;
  count = 0;
  avg = 0;
  result.innerHTML = '0';
}