通过JS实现判断数字正负

最新推荐文章于 2024-06-12 10:33:06 发布

小仓桑

最新推荐文章于 2024-06-12 10:33:06 发布

阅读量7.7k

点赞数

分类专栏： HTML javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_43462019/article/details/102557813

版权

javascript 同时被 2 个专栏收录

45 篇文章 4 订阅

订阅专栏

HTML

21 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 导入css样式 -->
		<style>
			#numInp,#submit{
				box-sizing: border-box;
				padding: 0 15px;
				height: 35px;
				border: 1px solid red;
			}
			#submit{
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<input type="text" id="numInp" />
		<button id="submit">点击计算</button>
		
		<script>
			//想操作谁就先获取谁
			var numInp = document.getElementById('numInp') ;
			var submit = document.getElementById('submit') ;
			
			//事件绑定
			submit.onclick = function(){
				//1.获取文本框中的信息
				var n = numInp.value ;
				n = Number(n) ;
				
				//2.验证是否为有效数字
				if(!isNaN(n)){
					//有效数字
					if(n>0){
						console.log("正数") ;
					}else if(n<0){
						console.log("负数") ;
					}else{
						console.log("零") ;
					}
				}else{
					console.log("当前输入的信息为非有效数字！") ;
				}
			}
		</script>
	</body>
</html>

小仓桑

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
通过JS实现判断数字正负

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title>  <style> #numInp,#submit{ box-sizing: border-box...
复制链接

扫一扫

专栏目录