案例:html5案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE HTML>
2
<html>
3
<head>
4
<script type="text/javascript">
5
function resCalc()
6
{
7
var numA=document.getElementById("num_a").value;
8
var numB=document.getElementById("num_b").value;
9
document.getElementById("result").innerHTML=Number(numA)+Number(numB);
10
}
11
</script>
12
</head>
13
<body>
14
<p>使用 output 元素的简易计算器:</p>
15
<form onsubmit="return false">
16
 <input id="num_a" /> +
17
 <input id="num_b" /> =
18
 <output id="result"></output>
19
 <input type="button" onclick="resCalc()" value="提交"></button>
20
 
21
</form>
22
23
</body>
24
</html>
25