今天我们来练习一下JavaScript进行一个加法器的设计
通过这个小小的例子得到以下经验：
1.输入框中获取的数字还是字符或字符串需要调研parseFloat()函数进行转换
2.输入框大小不合适的时候，自己写style属性进行设定
直接贴代码
<!DOCTYPE html>
<html>
<head>
<title>hello</title>
</head>
<body>
<style>
input{
width: 50px
}
</style>
<script type="text/javascript">
function caculate(){
var num1=document.getElementById("num1").value;
var num2=document.getElementById("num2").value;
num2=parseFloat(num2);
num1=parseFloat(num1);
var result=num2+num1;
document.getElementById("result").value=result;
}
</script>
<input type="text" id="num1"> + <input type="text" id="num2"> = <input type="text" id="result">
<input type="button" value="运算" onclick="caculate()">
</body>
</html>
运行效果是这样的：
加法.PNG
