我是Javascript的新手,如果有人帮助我理解我做错了什么,我将不胜感激。我试图通过从输入字段中获取值来计算梯形的表面积。当我按下"计算S"按钮时,我得到一个"楠"作为答案。这是HTML代码的主要部分:
<form method="post">
<label for="a">a</label>
<input type="text" id="a"/> <br/>
<label for="b">b</label>
<input type="text" id="b"/> <br/>
<label for="h">h</label>
<input type="text" id="h"/> <br/>
<button onclick="alert(S)">Calculate S</button>
</form>
这是我用来获取值和计算表面的脚本:
<script type="text/javascript">
var a=parseInt(document.getElementById("a"), 10);
var b=parseInt(document.getElementById("b"), 10);
var h=parseInt(document.getElementById("h"), 10);
var S=parseInt(((a+b)/2)*h, 10);
</script>
提前感谢!
您需要从每个输入中获取值,而不仅仅是输入,如下所示:
<script type="text/javascript">
var a=parseInt(document.getElementById("a").value, 10);
var b=parseInt(document.getElementById("b").value, 10);
var h=parseInt(document.getElementById("h").value, 10);
var S=((a+b)/2)*h;
</script>
- 对输入元素使用
.value
属性以获取其内容。然后在上调用parseInt
以获取一个号码 - 也不需要
parseInt
的结果var S = ((a + b) / 2) * h;
- 如果您希望在单击按钮时执行代码,请将代码封装在可调用函数中(现在您所拥有的将在浏览器解析代码时执行)
示例如下:http://jsfiddle.net/bpwEh/
更新代码:
<head>
<!-- ... -->
<script>
function calc(){
var a=parseInt(document.getElementById("a").value, 10);
var b=parseInt(document.getElementById("b").value, 10);
var h=parseInt(document.getElementById("h").value, 10);
return ((a+b)/2)*h, 10;
}
</script>
</head>
<body>
<form method="post">
<label for="a">a</label>
<input type="text" id="a"/> <br/>
<label for="b">b</label>
<input type="text" id="b"/> <br/>
<label for="h">h</label>
<input type="text" id="h"/> <br/>
<button onclick="alert(calc()); return false;">Calculate S</button>
</form>
</body>