码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的一个关于年龄分类的练习

时间:2017-08-21 19:35:23      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:out   html   年龄   style   练习   get   else   inner   highlight   

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript">
	      
		function getAgeName(){
			var age =document.getElementById(‘in‘).value;
			document.getElementById(‘bnt‘);  			
			if(!Number.parseInt(age)){
				alert("年龄输出错误")			
			}
			else if(age>=0&&age<=2){
				document.getElementById(‘out‘).innerHTML="婴儿";
			}
			else if( age>=3&&age<=5){
				document.getElementById(‘out‘).innerHTML="儿童";
			}
			else if(age>=6&&age<=12){
				document.getElementById(‘out‘).innerHTML="少年";
			}
			else if( age>=13&&age<=18){
				document.getElementById(‘out‘).innerHTML="青少年";
			}
			else if( age>=19&&age<=35){
				document.getElementById(‘out‘).innerHTML="青壮年";
			}
			else if( age>=36&&age<=45){
				document.getElementById(‘out‘).innerHTML="中年";
			}
			else if( age>=46){
				document.getElementById(‘out‘).innerHTML="老年"
			}
			else {
				alert("年龄输出错误")
			}
		}
	</script>
	</head>
	<body>
		<input style="text" id ="in" value=" " />
		<input type="button" onclick="getAgeName()" value="年龄所对应的状态" id="bnt"/>
		<div id="out">			
		</div>
	</body>
</html>

  

JavaScript的一个关于年龄分类的练习

标签:out   html   年龄   style   练习   get   else   inner   highlight   

原文地址:http://www.cnblogs.com/wx1691790309/p/7406049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!