JavaScript简单的判断练习 dom编程

最新推荐文章于 2024-07-24 11:09:48 发布

LIaaaaaa1

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量64

点赞数

分类专栏：新手入门文章标签： javascript

本文链接：https://blog.csdn.net/lrtdfgd/article/details/124390150

版权

新手入门专栏收录该内容

26 篇文章 0 订阅

订阅专栏

已知:

中国联通电话号段如下：

130、131、132、156、155、186、185、145(数据卡)、176

用dom思想写一个页面判断号码是否来自中国联通

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script>
	//编写事件监听器
	function getPhone(){
				 
				 //1)通过dom操作,获取id="phone"的这个标签对象,获取它的value属性的值
				 var inputNum1 = document.getElementById("phone") ; 
				 //document.getElementById("id属性值") 固定js的dom操作语法
				 
				 //获取输入框的内容
				 content = inputNum1.value ;
				
				/* 中国联通电话号段如下：

130、131、132、156、155、186、185、145(数据卡)、176  */
				if(content==130|| content==131 || content == 132 || content == 156 || content == 155 || content == 186 || content == 185 || content == 176){
					alert("你的号码属于联通") ;
				}else if(content==145){
						alert("联通数据卡") ;
				}else{
					alert("这个号码不是联通") ;
				}
	}
	
	
				
	</script>
	
	
	<body>
		<input type="text" id="phone" placeholder="请输入手机号前三位" />
		<!-- 1)事件源 这还是第一步 把需要的内容写好 -->
		<input type="button" value="点击查询您的手机号是否是联通" onclick="getPhone()" />
	</body>
</html>