JS实现计算生肖

最新推荐文章于 2023-06-01 14:46:35 发布

Mr顺

最新推荐文章于 2023-06-01 14:46:35 发布

阅读量3.6k

点赞数 11

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_46144237/article/details/108676132

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>根据出生年份计算生肖</title>
<script language="javascript" type="text/javascript">
function show(){
  var iYear=Number(document.getElementById("txtYear").value);

  var shengXiao;
  if(isNaN(iYear))   
    {alert("输入错误！");
     document.getElementById("txtYear").value="";
     document.getElementById("txtYear").focus();
    }
  else{
    switch(iYear%12){
      case 0:
      shengXiao="猴"; break;
      case 1:
      shengXiao="鸡"; break;
      case 2:
      shengXiao="狗"; break;
      case 3:
      shengXiao="猪"; break;
      case 4:
      shengXiao="鼠"; break;
      case 5:
      shengXiao="牛"; break;
      case 6:
      shengXiao="虎"; break;
      case 7:
      shengXiao="兔"; break;
      case 8:
      shengXiao="龙"; break;
      case 9:
      shengXiao="蛇"; break;
      case 10:
      shengXiao="马"; break;
      case 11:
      shengXiao="羊"; break;
    }
  }
  document.getElementById("Shengxiao").innerText="您的生肖是：<b>"+shengXiao+"</b>";
 
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <fieldset>
  <legend>根据出生年份计算生肖</legend>
  <p align="center">请输入您的出生年份：
    <input name="txtYear" type="text" id="txtYear" size="12" />
    <input name="btnShow" type="button" id="btnShow" onclick="show();" value="显示生肖" />
  </p>
  <p id="Shengxiao" align="center"></p>
  </fieldset>
</form>
</body>
</html>