加法计算器

最新推荐文章于 2022-04-23 16:53:25 发布

sqwu

最新推荐文章于 2022-04-23 16:53:25 发布

阅读量1.2k

点赞数 2

分类专栏： JavaScript学习过程中的小练习

本文链接：https://blog.csdn.net/qq_42345108/article/details/100879906

版权

JavaScript学习过程中的小练习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

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

sqwu

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
加法计算器

获取文本框的内容，将获取的字符串转换成数字类型，进行加法运算，最后将计算结果放到第三个文本框HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!-- <link rel="stylesheet" type="text/css" href="st...
复制链接

扫一扫

专栏目录