<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
year:<input type="text" id="y"> month:
<input type="text" id="m"> day:
<input type="text" id="d">
<button id="btn">=</button>
<input type="text" id="res">
<script>
var oyear = document.getElementById('y');
var omonth = document.getElementById('m');
var oday = document.getElementById('d');
var obtn = document.getElementById('btn');
var ores = document.getElementById('res');
console.log(oyear, obtn, ores)
var maxday = 31;
var sum = 0;
obtn.onclick = function () {
// alert(111)
var n1 = oyear.value;
var n2 = omonth.value;
var n3 = oday.value;
var sum = 0;
var maxday = 31;
var erday = 28;
if (n1 === "") {
alert('null year')
} else {
if (isNaN(n1)) {
alert('error year')
} else {
if (n1 <= 3000 && n1 >= 1000 && n1 % 1 === 0) {
if (n2 === "") {
alert('null month')
} else {
if (isNaN(n2)) {
alert('error month')
} else {
if (n2 <= 12 && n2 >= 1 && n2 % 1 === 0) {
if (n3 === "") {
alert('null day')
} else {
if (isNaN(n3)) {
alert('error day')
} else {
if (n2 == 4 || n2 == 6 || n2 == 9 || n2 == 11) {
maxday = 30;
}
else if (n2 == 2) {
maxday = 28;
if (n1 % 4 === 0 && n1 % 100 != 0 || n1 % 400 === 0) {
erday = 29;
maxday = 29;
}
}
var erday = 28;
if (n1 % 4 === 0 && n1 % 100 != 0 || n1 % 400 === 0) {
erday = 29;
}
if (n3 <= maxday && n3 >= 1 && n3 % 1 === 0) {
n2 = n2 * 1;
n3 = n3 * 1;
switch (n2) {
case 12: { sum += 30; }
case 11: { sum += 31; }
case 10: { sum += 30; }
case 9: { sum += 31; }
case 8: { sum += 31; }
case 7: { sum += 30; }
case 6: { sum += 31; }
case 5: { sum += 30; }
case 4: { sum += 31; }
case 3: { sum += erday; }
case 2: { sum += 31; }
case 1: { sum += n3; }
}
} else {
alert('not allow day')
}
}
}
} else {
alert('not allow year')
}
}
}
} else {
alert('not allow year')
}
}
}
ores.value = sum;
}
</script>
</body>
</html>