html+js 计算两数之和（简洁易懂）

最新推荐文章于 2024-05-10 11:30:24 发布

一口大芒果

最新推荐文章于 2024-05-10 11:30:24 发布

阅读量9.8k

点赞数 7

分类专栏： js

本文链接：https://blog.csdn.net/weixin_43709875/article/details/91887575

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

计算两数之和

输入数字之前

在这里插入图片描述

输入数字按下button 进行计算

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			window.οnlοad=function(){           /*窗口一开始就加载js代码*/
				let btn=document.getElementById("btn");    
				btn.οnclick=function(){        /*点击按钮后运行之后的求和代码*/
					let s1=document.getElementById("n1").value;
					let s2=document.getElementById("n2").value;
					let ss=0;
					let re=document.getElementById("result");
					if(isNaN(s1)||isNaN(s2))           /*用自带函数isNaN判断是否为数字*/
					{ 
						alert('请输入文字');     /*输入非文字弹出提示*/
						return false;
					}
					ss=parseInt(s1)+parseInt(s2);    /*parseInt表示数值相加如果直接s1+s2 ，那就会显示s1s2 */
					re.innerText=ss;
				}
			}
	</script>
	</head>
	<body>
		<label>数字一</label>
		<input type="text" placeholder="PLEASE" id="n1" />
		<label>数字二</label>
		<input type="text" placeholder="sss"  id="n2" />
		<input type="button" id="btn" value="求和" />
		<div id="result">
			
		</div>
		
	</body>
</html>

心得

1.用alert 调试非常快的知道是哪一步出现问题。
2.输入数值的之后 js代码是 s1=document.getElementById(“n1”).value;
value非常重要，不然读不进去数值。我就卡在这里。
3. isNaN() 函数用于检查其参数是否是非数字值。
如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。

一口大芒果

关注

7
点赞
踩
30

收藏

觉得还不错? 一键收藏
0
评论
html+js 计算两数之和（简洁易懂）

计算两数之和<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.οnlοad=function(){ ...
复制链接

扫一扫