日照职业技术学院在线教学平台 [收藏本站] 访问量：6245750
问题反馈与建议：xxh@rzpt.cn QQ群：491641626
学习任务
根据出生年份，查询生肖。通过本实例，可以掌握switch语句的使用。
观看视频
说明：4'12"开始switch语句
课件下载
JavaScript语句点击下载
参考代码
<body>
<h2>请输入出生年份（4位数）</h2>
<div id='inquire'>
<input type="text" id="inputyear">
<input type="button" value="查询生肖" onclick="animalSign()" id='btn1' />
</div>
<div class='animal'></div>
<script>
function animalSign(){
var year= document.querySelector('#inputyear').value;
var animal=document.querySelector('.animal');
year=parseInt(year);
switch (year % 12){
case 0:
animal.innerHTML='生肖猴';
break;
case 1:
animal.innerHTML='生肖鸡';
break;
case 2:
animal.innerHTML='生肖狗';
break;
......
case 10:
animal.innerHTML='生肖马'
break;
case 11:
animal.innerHTML='生肖羊'
break;
}
}
</script>
</body>
拓展训练
1.输入生日（3月5日输入0305，12月26日输入1226），查询星座
日照职业技术学院在线教学平台 [收藏本站] 访问量：6245750
问题反馈与建议：xxh@rzpt.cn QQ群：491641626
鲁公网安备 37110202000410号