javascript - HTML 未从 JavaScript 脚本更改

Question

我正在尝试用 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>

JavaScript 脚本 (avg.js):

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';
}

Answer 1

首先，它应该是 inputVal.value (小写的 value)。这应该正确地将输入值传递给您的函数。但您的问题并没有真正描述您遇到的问题，所以我不确定这是否能回答您的问题。

而且我不认为 global 是 JavaScript 的有效关键字。