未在HTMLInputElement.onChange中定义未捕获的referenceError计算

时间:2018-08-08 17:48:42

标签: javascript html

我遇到的错误是标题。 (未在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>

控制台的屏幕截图:

enter image description here

1 个答案:

答案 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" />

查看脚本中是否有不需要的字符,它将导致该错误。也许检查一下enter image description here