任務描述
一、語言和環境
1、實作語言:HTML、JavaScript
2、環境要求及開發工具:Sublime text
二、整體要求:
1、要求頁面整潔,與效果圖保持一致
2、計算日期的方法以及彈出視窗均用函式封裝
3、 網頁檔案夾管理,腳本資料獨立檔案夾,檔案命名規范
三、腳本要求
1. 彈出年、月、日輸入框
2 . 根據輸入的年、月、日,計算出出生那天是該年的第幾天
3.注意閏年
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>計算自己出生那天是該年當中的第幾天</title>
</head>
<body>
<script>
function countDay(){
//宣告一個陣列,陣列內的值為“平年”每個月包含的天數,
var days_per_month=[31,28,31,30,31,30,31,31,30,31,30,31];
//獲取輸入的年份,月份,日期,并驗證輸入的值是否有效,不能為非數值,不能為null,不能為"",否則重新輸入,
var get_year=prompt("請輸入您的出生年份");
while(isNaN(get_year) || get_year.length==0 || get_year==null || get_year==0){
alert("請輸入正確的年份!");
get_year=prompt("請輸入您的出生年份");
}
//月份的值不能小于零,不能大于12,否則重新輸入,
var get_month=prompt("請輸入您的出生月份");
while(isNaN(get_month) || get_month.length==0 || get_month==null || get_month<=0 || get_month>12){
alert("請輸入正確的月份!");
get_month=prompt("請輸入您的出生月份");
}
//日期的值不能小于零,不能大于該月份所包含的天數,否則重新輸入,
var get_day=prompt("請輸入您的出生日期");
if((get_year%4==0&&get_year%100!=0)||get_year%400==0){
//年份為閏年時,二月份包含的天數賦值為29,
days_per_month[1]=29;
while((isNaN(get_day) || get_day.length==0 || get_day==null || get_day<=0 || get_day>days_per_month[get_month-1])){
alert("請輸入正確的日期!");
get_day=prompt("請輸入您的出生日期");
}
}else{
while((isNaN(get_day) || get_day.length==0 || get_day==null || get_day<=0 || get_day>days_per_month[get_month-1])){
alert("請輸入正確的日期!");
get_day=prompt("請輸入您的出生日期");
}
}
//對陣列內前(get_month-1)個值求和,
var sum=0;
for(var i=0;i<get_month-1;i++){
sum+=days_per_month[i];
}
document.write("您的生日在"+get_year+"年是第"+(sum+parseInt(get_day))+"天");
}
countDay();
</script>
</body>
</html>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/289551.html
標籤:其他
上一篇:C#實作雙色球選號
下一篇:2021-07-20
