我遇到的错误是标题。 (未在HTMLInputElement.onChange上定义未捕获的referenceerror计算)如果我从notepad ++一起运行它,则该方法有效,但是当我在网站中运行它时,会出现该错误。任何人都可以对此有所了解吗?任何帮助表示赞赏。
<p style="text-align: center;"><strong>CBD %</strong></p>
<input id="box1" type="number" value="5" onchange="calculate()"/>
<p style="text-align: center;"><strong>Bottle size (ml)</strong></p>
<input id="box2" type="number" value="100" onchange="calculate()"/>
<p style="text-align: center;"><strong>Calculated value</strong></p>
<input id="result" type="number" value="500" />
<script>
function calculate() {
var myBox1 = document.getElementById('box1').value;
var myBox2 = document.getElementById('box2').value;
var result = document.getElementById('result');
var myResult = myBox1 * myBox2;
document.getElementById('result').value = myResult;
}
</script>
控制台的屏幕截图:
答案 0 :(得分:0)
<script>
function calculate() {
var myBox1 = document.getElementById('box1').value;
var myBox2 = document.getElementById('box2').value;
var result = document.getElementById('result');
var myResult = myBox1 * myBox2;
document.getElementById('result').value = myResult;
}
} //<---- unwanted character
</script>
<p style="text-align: center;"><strong>CBD %</strong></p>
<input id="box1" type="number" value="5" onchange="calculate()"/>
<p style="text-align: center;"><strong>Bottle size (ml)</strong></p>
<input id="box2" type="number" value="100" onchange="calculate()"/>
<p style="text-align: center;"><strong>Calculated value</strong></p>
<input id="result" type="number" value="500" />