js swich
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>同志交友</title>
<style>
input {
width: 300px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
}
button {
padding: 10px 20px;
border: 1px solid #ccc;
background: #f5f5f5;
}
#res {
margin-top:20px;
width: 300px;
min-height: 100px;
padding: 10px;
border:1px solid #ccc;
}
</style>
</head>
<body>
<h1>同志交友</h1>
<hr>
<h3>請(qǐng)輸入您的生日：</h3>
<input type="date" id="yearInput">
<button οnclick="makeFn()">提交</button>
<div id="res"></div>
<script>
//聲明函數(shù)
function makeFn() {
//獲取用戶輸入的日期
var date = document.getElementById('yearInput').value;
//從日期中獲取年 并且轉(zhuǎn)換為Number
var year = Number(date.split('-')[0]);
//判斷
var animal = '';
switch (year % 12) {
case 0: animal = '猴'; break;
case 1: animal = '雞'; break;
case 2: animal = '狗'; break;
case 3: animal = '豬'; break;
case 4: animal = '鼠'; break;
case 5: animal = '牛'; break;
case 6: animal = '虎'; break;
case 7: animal = '兔'; break;
case 8: animal = '龍'; break;
case 9: animal = '蛇'; break;
case 10: animal = '馬'; break;
case 11: animal = '羊'; break;
default: animal = '驢'; //前面的條件都不滿足
}
//把結(jié)果顯示到頁(yè)面中
document.getElementById('res').innerHTML = '您的生肖是： '+animal;
/*
year % 12 -- 0 ~ 11
鼠 4 2008 奧運(yùn)會(huì) + 12 （2020）
牛 5 2009
虎 6 2010
兔 7
龍 8
蛇 9
馬 10
羊 11
猴 0
雞 1
狗 2
豬 3
*/
}
//console.log(2020 % 12)
</script>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/wuheng-123/p/9448989.html
總結(jié)
- 上一篇： fedora 使用 vnc 远程 fed
- 下一篇： HURST 1116：选美大赛（LIS+