JS로 만 나이 계산기 만들기

호니·2023년 5월 22일
0

챕터 15의 내용은 JS로 만 나이 계산기를 만드는 내용이었다.

챕터 15 만 나이 계산기 js 코드

let el = document.getElementById('birthday');
let elResult = document.getElementById('result');
let elSubmit = document.getElementById('submit');

// 괄호 안 쓰면 오늘
const today = new Date();

function calculateAge() {
    let birthDate = new Date(el.value);

    let age;

    if (today.getMonth() > birthDate.getMonth() || 
        (to
```day.getMonth() == birthDate.getMonth) &&
        (today.getDate() >= birthDate.getDate()
        )
    ) {
        age = today.getFullYear() - birthDate.getFullYear();
    } else {
        age = today.getFullYear() - birthDate.getFullYear()-1;
    }

    elResult.innerText = `귀하의 만 나이는 ${age}세 입니다.`


    return age;
}

elSubmit.addEventListener('click', calculateAge);

챕터 16 내용 요약

변수, 자료형, 연산자, 문자열, 배열, 조건문, 반복문, 에러 처리, 함수, Dom을 지금까지 배웠음.
지금까지 배운 것을 바닐라 자바스크립트라고 함. 외부 라이브러리 이런 것도 사용해 보고 jquery 이런 것도 활용해 보면 좋을 듯. 뷰나 리액트를 배워보는 것도 좋음!**

profile
호니의 개발 공부

0개의 댓글