1. 程式人生 > >JavaScript的一個關於年齡分類的練習

JavaScript的一個關於年齡分類的練習

put () 狀態 一個 javascrip pre 年齡 doc 兒童

<!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的一個關於年齡分類的練習