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

<!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>

  

posted @ 2017-08-21 18:34  王。雄  阅读(266)  评论(0编辑  收藏  举报