【fgm.cc练习3-2】用parseInt解析数字并求和

最新推荐文章于 2021-04-21 14:32:16 发布

denguing

最新推荐文章于 2021-04-21 14:32:16 发布

阅读量197

点赞数

分类专栏： fgm.cc 文章标签： HTML css JavaScript

本文链接：https://blog.csdn.net/DGT4720/article/details/103076912

版权

fgm.cc 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

练习地址：http://www.fgm.cc/learn/lesson3/02.html
在这里插入图片描述
这个比较简单，主要就是parseInt的使用。不多说了，代码如下：

HTML

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>用parseInt解析数字，并求和</title>
	<link rel="stylesheet" type="text/css" href="2_sum.css">
</head>
<body>
	<div id="container">
		<input type="text">+<input type="text">=<span>?</span><button>求和</button>
	</div>
	<script type="text/javascript" src="2_sum.js"></script>
</body>
</html>

CSS

#container {
	width: 300px;
	margin: 0 auto;
}
input {
	width: 50px;
	margin: 10px;
}
span {
	padding: 10px;
}

JavaScript

window.onload = function() {
	var btn = document.getElementsByTagName("button")[0];
	var show = document.getElementsByTagName("span")[0];
	btn.onclick = function() {
		var num1 = document.getElementsByTagName("input")[0].value;
		var num2 = document.getElementsByTagName("input")[1].value;
		var result = parseInt(num1) + parseInt(num2);
		show.innerText = result;
	}
}

denguing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【fgm.cc练习3-2】用parseInt解析数字并求和

练习地址：http://www.fgm.cc/learn/lesson3/02.html这个比较简单，主要就是parseInt的使用。不多说了，代码如下：HTML<!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <title>用parseInt解析数字...
复制链接

扫一扫

专栏目录