JS学习四：条件语句--奇偶数判断

最新推荐文章于 2023-05-10 02:00:00 发布

Bug码畜

最新推荐文章于 2023-05-10 02:00:00 发布

阅读量2.1k

点赞数 1

分类专栏： JS基础案例文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_52158380/article/details/121963712

版权

JS基础案例专栏收录该内容

4 篇文章 1 订阅

订阅专栏

判断一个数是奇数还是偶数

题目要求：

（1）用prompt（）方法接收一个数

（2）使用alert()方法返回“该数是奇数”或者“该数是偶数”。
代码主体展示如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>奇数偶数的判断</title>
		<style type="text/css">
			
			input[type="text"]{
				width: 1200px;
				height: 50px;
				text-align: center;
			}
			
			input[type="button"]{
				width: 281px;
				height: 50px;
				text-align: center;
				font-size: 18px;
				font-family: "宋体";
			}
		</style>
	</head>
	<body>

			<input type="text" id="num" /> 
		<input type="button" value="数值奇偶数测试" οnclick="return test()" /> 
	
		
		<script type="text/javascript">
			function test() { 
			　　　　var num = document.getElementById("num").value; 
			　　　　if (num=="") { 
			　　　　　　alert("请输入内容"); 
			　　　　　　return false; 
			　　　　} 
			　　　　if (!(/(^[1-9]\d*$)/.test(num))) { 
			　　　　　　alert("输入的不是正整数"); 
			　　　　　　return false; 
			　　　　}else { 
			　　　　　　alert("输入的是正整数");
						if(num%2==0){
							alert("该数是偶数");
						}else{
							alert("该数是奇数")
						}
			
			　　　　} 
			　　} 
		</script>
	</body>
</html>

首先有个新东西：

<input=“text”/>文本框
<input=“button”/>普通按钮
文本框正如他的名字一样，可以在其中输入文本，而普通按钮也真的只是一个普通按钮，不过我们一般会运用onclick这个属性让其产生一连串化学反应，这里也是如此。
onclick事件：在按钮被点击时执行脚本代码。我们在脚本里写了test函数，这里就是调用test函数返回结果。
我们目的是判断输入的数值是奇数还是偶数。若只考虑数值其实很简单，我最开始的代码就是：

<script type="text/javascript">
   	var a = prompt("请输入一个整数","");
   	a = Number(a);
   		if(a%2==0){
   			alert("该数是偶数");
   		}else{
   			alert("该数是奇数");
   		}
   	</script>

直接就是叫你输入一个整数，因为prompt函数的特殊性，通过Number函数将prompt接收到的字符型整数转化为数值型整数，然后通过双分支语句判断输入的数值与2取余后为不为0，为0就是偶数，否则就是奇数，思路很直接，但是如果输入的不是数值就会拉跨，于是就有了开头的改良版。
（正则表达式先缓一下找时间补上）

Bug码畜

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
JS学习四：条件语句--奇偶数判断

判断一个数是奇数还是偶数题目要求：（1）用prompt（）方法接收一个数（2）使用alert()方法返回“该数是奇数”或者“该数是偶数”。代码主体展示如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>奇数偶数的判断</title> <style type="text/css"> input[type="text"
复制链接

扫一扫

专栏目录