주민번호 :
<!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>나이구하기</title>
<!-- 이름과 주민번호를 넣고 버튼을 누르면, 이름/ 생년월일 / 성병 / 나이 출력하기 -->
</head>
<body>
이름 : <input type="text" id="name"> <br>
주민번호 : <input type="text" id="rNum"> <br>
<button type="button" onclick="button();">확인</button>
<h3 id="result"></h3>
<!-- 이름, 생년월일, 성별, 나이 출력 -->
<script>
function button() {
// 이름, 주민등록번호 가져오기
let name = document.getElementById('name').value;
let rNum = document.getElementById('rNum').value;
// 생년월일 추출
let birth = rNum.substring(0,rNum.indexOf('-'));
// 성별 추출
let gender =
(rNum.charAt(rNum.indexOf('-')+1)%2==1)? '남자': '여자';
// 나이 추출 (형변환 필요)
let now = Number(new Date().getFullYear()); // 현재 날짜의 연도
let age = Number(birth.slice(0,2)); // 입력생년월일 중 생년만
let finalAge =
(rNum.charAt(rNum.indexOf('-')+1)== 1 || rNum.charAt(rNum.indexOf('-')+1) == 2)?
now - (1900+age) : now - (2000+age);
// h3에 출력
document.getElementById('result').innerText =
`이름: ${name}, 생년월일: ${birth}, 성별: ${gender}, 나이: ${finalAge}`
}
</script>
<script>
let now = new Date();
console.log(now); // 오늘 날짜
// 오늘 날짜의 연도
console.log(now.getFullYear()); // 2023
//0~11월 +1 : 월을 반환
console.log(now.getMonth()+1); // 4
//1~31일 : 일을 반환
console.log(now.getDate()); // 13
// 0(일)~6(토) : 요일을 반환
console.log(now.getDay()); // 4
// 현재날짜
let today = now.toLocaleDateString();
console.log(today); // 2023. 4. 13.
// 현재시간
let time = now.toLocaleTimeString();
console.log(time); // 오후 4:27:47
// 현재 날짜/시간
let datetime = now.toLocaleString();
console.log(datetime); // 2023. 4. 13. 오후 4:30:17
</script>
</body>
</html>
'JS > JS 수업분' 카테고리의 다른 글
| [JS] day08_과제 (전송받은 데이터 저장-출력) (0) | 2023.04.18 |
|---|---|
| [JS] day08_요일구하기 (0) | 2023.04.18 |
| [JS] day08_stringMethod, 파일명 추출 (0) | 2023.04.18 |
| [JS] day08_event3 (할인율 계산) (0) | 2023.04.18 |
| [JS] day08_event2 (클릭시 스타일 변경) (0) | 2023.04.18 |