Question

我这里有一个非常简单的javascript计算器，但似乎没有用。我确信这是一个非常简单的解决方案，但却看不到它。我已经花了一段时间，并认为我最好在这里问。有什么建议？谢谢！ http://jsfiddle.net/z98gb/7/

Width <input type="Text" name="width" size="4">  
Height <input type="Text" name="height" size="4" onkeyup=""> <br><br>
Area <input type="Text" name="area" id="area" size="4"> <br><br>
<input type="button" name="calculate" id="area" size="4" onclick="calculateArea()"    value="calculate">

这是javascript：

function calculateArea() {
var width = document.getElementById("width").value;
var height = document.getElementById("height").value;
var area = width * height;
document.getElementById("area").value = area;

}

Answer 1

您没有为输入指定ID

工作示例：http://jsfiddle.net/z98gb/8/

Answer 2

您需要在对其进行计算之前将DOM值转换为实际数字。如果您使用整数，请使用parseInt，或者更有可能使用parseFloat来支持小数。

如果您使用parseInt，请不要忘记指定10表示基数10.如果不这样做，将导致JavaScript将前导零视为基数为8。

var width = parseInt(document.getElementById("width").value, 10);
var height = parseInt(document.getElementById("height").value, 10);
var area = width * height;

修改

另外，正如Francis所说，您忘记在输入中添加ID。

Answer 3

您使用的是getElementById而不是getElementByName。您需要指定一个ID或切换您在代码中使用的内容。

从Javascript中的输入计算面积

3 个答案: