<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.bbb {
width: 50px;
height: 20px;
}
.ccc {
color: red;
width: 300px;
}
</style>
</head>
<body>
<h1>입대일은 만 19세가 되는 날을 기준</h1>
<label for=""><input class="aaa" type="text"></label> <button class="bbb">계산</button>
<h1 class="ccc"></h1>
<script>
let aaa = document.querySelector(".aaa")
let button = document.querySelector(".bbb")
let beforeStr = aaa.value
let ccc = document.querySelector(".ccc")
let today = [2003, 07, 12]
console.log(beforeStr)
button.addEventListener("click",function(){
console.log(aaa.value)
let afterStr = aaa.value.split('.')
console.log(afterStr)
if (Number(afterStr[0]) <= today[0]) {
ccc.innerHTML = "입대가능"
}
else if (Number(afterStr[0]) == today[0]+1) {
if (Number(afterStr[1]) < today[1]) {
ccc.innerHTML = "입대가능"
}
else if (Number(afterStr[1]) == 7 && Number(afterStr[2] < today[2])) {
ccc.innerHTML = "입대가능"
}
else {
ccc.innerHTML = "입대불가능"
}
}
else {
ccc.innerHTML = "입대불가능"
}
})
</script>
</body>
</html>
꿈꾸는 개발자