加法计算器

获取文本框的内容，将获取的字符串转换成数字类型，进行加法运算，最后将计算结果放到第三个文本框

 

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;	//将计算结果赋给第三个文本框
}

 

posted @ 2019-09-16 10:35  努力加油进步  阅读(116)  评论(0)    收藏  举报