웹팁 분류

나이를 구해주는 계산 스크립트

작성자 정보

  • GW 작성
  • 작성일

컨텐츠 정보

본문



미리보기는 하단에...^^

 

생년월일을 입력하면 나이를 구해주는 스크립트


html

<input type="text" id="testUserYear" placeholder="태어난 연도를 입력하세요">
<button type="button" id="testAgeBtn">SUBMIT</button>
<p id="testResultBox">당신의 나이는: <span></span></p>



script

document.querySelector('#testAgeBtn').addEventListener('click', function() {
var birthYear = document.querySelector('#testUserYear').value;
if(! birthYear) {
alert('태어난 연도를 입력하세요');
document.querySelector('#testUserYear').focus();
} else {
var today = new Date();
var nowYear = today.getFullYear();
var age = nowYear - birthYear + 1;
document.querySelector('#testResultBox span').innerText = age;
}
});





↑↑ 위 코드  ↑↑


↓↓ 사용미리보기 ↓↓


on_00002.gif

 

아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
전체 1,366 / 2 페이지
RSS
  • 실시간 반응형웹 시뮬레이터
    등록자 GW
    등록일 03.15 조회 165

    웹팁 반응형웹 시뮬레이터Mobile simulator - responsive testing tool-본 페이지 구글번역-개요모바일 반응형 웹사이트를 …

  • 카카오톡 사진 저장 경로 문자메시지 사진 저장 폴더
    등록자 GW
    등록일 03.13 조회 172

    멀티 몇일전 누군가가 잔뜩 보내준 사진을 저장했는데..폰에 있는 사진을 PC작업하려고 찾는데...안보여서^^폰 환경에 따라 다르겠지만...PC에 연결…

  • 딸들과 함께 보던 토이스토리
    등록자 GW
    등록일 03.13 조회 112

    영화 토이 스토리 (Toy Story)6살 짜리 소년 앤디가 갖고 있는 인형들 중 우디는 그가 아끼는 카우보이 인형이다.평화롭던 장난감들은 앤디가 없…

  • 슬렌더 : 디 어라이벌 최신버전 슬렌더 한글패치
    등록자 GW
    등록일 03.11 조회 307

    게임 Slender : The Arrival (슬렌더 : 디 어라이벌)Slender Man이 그 어느 때보다 더 무시무시하게 돌아왔습니다. 당신은 당…

  • 연신내 교통사고 14명 사상
    등록자 GW
    등록일 03.08 조회 129

    소식 시장 근처 도로에서 사람들이 잇따라 횡단보도를 건너갑니다.갑자기 전조등을 켠 회색 승용차가 빠르게 돌진합니다.승용차는 한 남성을 들이받고도 속도…

  • 이사전 도시가스 막음조치 신청 안내
    등록자 GW
    등록일 03.08 조회 202

    정보 이사전 도시가스 막음조치 신청 안내▣ 이사전 가스 막음조치 신청 안내 ▣-이사철을 맞이하여 이사 들어오고 가실 때 가스레인지를 철거하거나 연결할…

  • 불법촬영 범죄예방을 위한 화장실 정기점검 신청 안내
    등록자 GW
    등록일 03.08 조회 250

    소식 불법촬영 범죄예방을 위한 화장실 정기점검 신청 안내작성일 : 2024.02.29담당부서:가족정책과연락처:351-6234은평구는 불법촬영에 대한 …

  • 은평구 상자텃밭 보급사업 참여자 모집 안내
    등록자 GW
    등록일 03.08 조회 183

    소식 2024년 상자텃밭 보급사업 참여자 모집 안내작성일 : 2024.03.07담당부서 : 공원녹지과연락처:02-351-8033은평구에서는 가정에서 …

  • 구두 쉽게 광택내는 방법
    등록자 GW
    등록일 02.26 조회 161

    정보 구두 광내는 방법1. 솔을 사용하여 구두에 묻은 먼지나 이물질을 털어 냅니다.2. 오염이 많이 되거나 잘 지워지지 않는 오염은 슈크리너를 사용하…

  • 자유도 최고의 오픈월드 생존 건축 RPG 게임 인슈라오디드
    등록자 GW
    등록일 02.23 조회 355

    게임 역대급 자유도의 오픈월드 생존 건축 RPG 인슈라오디드Enshrouded 잊혀진 영역이 되어버린 Embervale. 마법의 힘을 향한 선조들의 …

  • 미디블 다이너스티 건물 한도 제한
    등록자 GW
    등록일 02.05 조회 553

    게임 미디블 다이너스티 건물 제한 없애기목공소 사냥꾼 간단한집 몇개 지으면건물 한도를 초과했다고 더 이상 건물을 짓지 못하게 되는데세이브파일을 수정하…

  • 2월 세무신고 세무일정 확인하세요
    등록자 GW
    등록일 01.09 조회 324

    정보 2024년 2월 세무일정 02월13일 인지세 현금납부 2024.1월 작성분02월13일 증권거래세 신고 납부02월13일 2023년 귀속 부가가치세…

  • 신사동 300번지 일대 주택재개발사업 추진
    등록자 GW
    등록일 01.09 조회 564

    소식 ※ 위 구역계는 신청인이 제출한 구역계로 후보지 추천 시 일부 변경·조정될 수 있음신사동 300번지 일대 주택재개발사업 추진을 위한 동의서 번호…

  • 로또번호 추천 로또 번호 생성기
    등록자 GW
    등록일 01.03 조회 336

    꺼리 대박 터지는 로또번호무조건 당첨되는 로또번호자동으로 생성해줍니다^^무조건 된다...?가슴 설레는 말이네요장난으로 시도해본 로또번호 자동생성1등 …

  • 경성이 어디인가요? 경성 지도
    등록자 GW
    등록일 01.02 조회 582

    정보 일제강점기때 불리던 경성은 현재의 서울입니다.대한민국의 수도. 한반도의 중서부에 자리하고 있다.한국의 정치·경제·사회·문화와 도로·철도·항공 교…

알림 0