Javascript：onclick 事件未被触发

Question

我对 JavaScript 不是很熟悉。我试图找出我在下面犯的概念错误。 未触发 onclick 事件。 我阅读了一些讨论类似问题的博客文章，但没有找到满意的答案。 它更多的是它被调用的方式吗？

 function myFunction() { var str = document.getElementById("itemCost").value; var res = str.split(","); var sum = 0; for (var x = 0; x < res.length; x++) { sum += parseInt(res[x]); } document.getElementById("result").value = sum / res.length; }

 <div> <input type="button" id="calculate" value="calculate" onclick="myFunction()" /> </div> <div> <label>Average shipment cost</label> <input type="text" name="resultval" id="result" /> </div>

Answer 1

只要项目成本元素可访问，所提供的示例代码就会立即起作用。 如果后者以逗号分隔的数字列表为特色，脚本甚至会计算并写入数学上正确的结果。 否则结果很可能是NaN ...

 function myFunction() { var str = document.getElementById("itemCost").value; var res = str.split(","); var sum = 0; for (var x = 0; x < res.length; x++) { sum += parseInt(res[x]); } document.getElementById("result").value = sum / res.length; }

 <div> <label>comma separated list of number values </label> <input type="text" name="itemCostVal" id="itemCost" value="0,1,2,3,4,5,6,7,8,9" /> </div> <div> <input type="button" id="calculate" value="calculate" onclick="myFunction()" /> </div> <div> <label>Average shipment cost </label> <input type="text" name="resultval" id="result" /> </div>