我是JavaScript新手，正在寻求一些帮助，以简单地将两个数字相乘并将结果显示在另一个文本框中。我一直试图让这个工作几天无济于事:(
这是基本HTML以及JavaScript，还有指向小提琴的链接，网址为http://jsbin.com/egeKAXif/1/edit
我究竟做错了什么？
我要编写的应用程序至少要有12行，如何扩展JavaScript / HTML来容纳它呢？每个输入标识符是否需要唯一？
任何帮助表示赞赏:)
<table width="80%" border="0">
<tr>
<th>Box 1</th>
<th>Box 2</th>
<th>Result</th>
</tr>
<tr>
<td><input id="box1" type="text" /></td>
<td><input id="box2" type="text" onchange="calculate()" /></td>
<td><input id="result" /></td>
</tr>
</table>
<script>
function calculate() {
var myBox1 = document.getElementById('box1').value;
var myBox2 = document.getElementById('box2').value;
var result = document.getElementById('result');
var myResult = box1 * box2;
result.innerHTML = myResult;
}
</script>
您必须更改的第一件事是乘法运算。它应该是：var myResult = myBox1 * myBox2;
您不应将innerHTML与输入字段一起使用-使用值。
除此之外，onchange仅当输入失去焦点时才触发该事件。您可能要使用该oninput事件。
看一下工作示例：http : //jsbin.com/OJOlARe/1/edit
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句