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>