0
点赞
收藏
分享

微信扫一扫

JavaScript简单的判断练习 dom编程

独兜曲 2022-04-24 阅读 52
javascript

已知:

用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>
举报

相关推荐

0 条评论