글쓰기 / 관리자
헤니l
헤니의 개발 공부
헤니l
전체 방문자
오늘
어제
  • 분류 전체보기 (100)
    • study (46)
      • JAVA (5)
      • PHP (24)
      • JS , jQuery (7)
      • 서버 (1)
      • 코딩테스트 (9)
    • 회사일기 (1)
    • 취준 (2)
    • 인천일보아카데미 교육과정 (51)
      • 인천일보아카데미 (51)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • php계층형게시판
  • JS
  • 자바스크립트
  • HTML공부
  • PHP
  • 날씨어플만들기
  • php게시판리스트
  • 게시판구현
  • 비전공개발공부
  • CSS
  • 인천일보아카데미
  • 비전공개발자
  • 비전공코딩공부
  • 코딩공부
  • php게시판
  • HTML
  • 코딩
  • 비전공자개발공부
  • php회원가입
  • 개발공부

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
헤니l

헤니의 개발 공부

[JS,jQuery] 태어난년도 입력받아 나이 계산하기
study/JS , jQuery

[JS,jQuery] 태어난년도 입력받아 나이 계산하기

2023. 1. 9. 23:19
<body>
    <button class="btn" onclick="calc()">나이계산</button>
    <div id="result">결과값 출력</div>
    
    <script>
        
       function calc(){
            let currentYear = 2023;
            let birthYear = prompt('태어난 년도를 입력하세요', 'YYYY');
            let age = currentYear - birthYear + 1;

            document.querySelector('#result').innerHTML = '당신의 나이는' + age +'살 입니다';
       }
    </script>

</body>

- button을 클릭하면 calc() 함수를 호출한다

 

- prompt를 통해 태어난 년도를 입력받아 나이 계산 

 

- document.querySelector('#result').innerHTML =

  result라는 이름을 가진곳에 값 넣기 

 

 

 

 

 

처음화면, prompt입력

 

 

2002 입력시 나이계산

    'study/JS , jQuery' 카테고리의 다른 글
    • [js] 날짜(YYYY-MM-DD) / 이메일 정규식
    • [jQuery] checkbox 값 여러개 가져오기
    • [JS, jQuery] 금액,할인율 입력해 할인가격 계산하기
    • [JS,jQuery] 클릭시 색 변경, script에 onclick
    헤니l
    헤니l

    티스토리툴바