获取文本框的内容,将获取的字符串转换成数字类型,进行加法运算,最后将计算结果放到第三个文本框
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
<script src="jisuanqi.js"></script>
<style>
.num1{
width:30px;
}
</style>
</head>
<body>
<input class="num1" id="num1" type="text">+
<input class="num1" id="num2" type="text">=
<input class="num1" id="num3" type="text" >
<input id="sum" type="submit" value="运算" onclick="calc()">
</body>
</html>
JavaScript:
var a,b,c;
function calc(){//自定义函数
a=document.getElementById('num1').value;//获取第一个文本框的值
b=document.getElementById('num2').value;//获取第二个文本框的值
a=parseInt(a);//获取的值是字符串,需要转化成数字
b=parseInt(b);//转化成数字
c=a+b;//相加
document.getElementById('num3').value=c; //将计算结果赋给第三个文本框
}