웹팁 분류

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

작성자 정보

  • 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
웹팁 72 / 1 페이지
RSS
  • 평수를 제곱미터로 제곱미터를 평수로 변환
    등록자 GW
    등록일 02.24 조회 3007

    웹팁 평수계산기 평수를 제곱미터로 자동으로 변환해줍니다. 제곱미터를 평수로 변환 평수를 제곱미터(㎡)로 제곱미터(㎡)를 평수로 계산해줍니다. 평수를 …

  • ftp 파일 삭제 안될때 FTP 한글파일 삭제 안될때
    등록자 GW
    등록일 01.25 조회 2370

    웹팁 1.메모장을 열고<?$cmd = "rm -rf filename";@exec($cmd);echo "삭제 완료!";?>2.filename…

  • 인터넷 긴 주소를 줄여주는 사이트
    등록자 꾸니꾸니
    등록일 01.27 조회 2096

    웹팁 터넷 긴 주소를 줄여주는 사이트긴 주소를 입력하면 짧게 줄여줍니다.사용예:https://onsol95.com/bbs/board.php?bo_ta…

  • 애플산돌고딕 다운로드 애플산돌고딕 저작권
    등록자 GW
    등록일 07.20 조회 2056

    웹팁 개인적으로 조신하게 사용하면 별 문제없겠지만아래 폰트 저작권관련한 내용이니꼼꼼히 확인 후 불이익을 경험하지 않도록 주의하세요.글꼴 라이센스마지막…

  • 태그생성기 태그연습장 html
    등록자 GW
    등록일 01.26 조회 1874

    웹팁 태그연습장,태그생성기,html,생성기,html 연습장,파일변환,인코딩,변환기아주 아주 고전스러운 자료입니다.간단한 테스트용으로 필요하신분이 있으…

  • 주소창 도메인주소 고정
    등록자 GW
    등록일 06.24 조회 1665

    웹팁 페이지에서는 이리 저리 이동해도 브라우져 주소창은 고정되는고전스러운 방법인데뭔가 요긴하게 쓰일때가 있는듯 하네요.원하는 계정내 루트에 index…

  • 레이어 보이기 감추기 레이어 스크립트 SCRIPT
    등록자 꾸니꾸니
    등록일 06.10 조회 1618

    웹팁 링크버튼으로 간단하게 레이어 컨트롤 합니다.간단한 레이어 스크립트 <head><SCRIPT LANGUAGE="JavaScript…

  • 사이트맵 만들기 페이지 제한없는 sitemap 만들기
    등록자 꾸니꾸니
    등록일 05.03 조회 1406

    웹팁 구글측의 사이트맵 형식Google은 다음과 같은 몇 가지 사이트맵 형식을 지원합니다. Google은 모든 형식의 표준 사이트맵 프로토콜을 예상합…

  • 웹페이지에 비밀번호 설정 비밀번호 입력하면 페이지 이동
    등록자 GW
    등록일 09.24 조회 1401

    웹팁 웹페이지에 비밀번호 설정 비밀번호 입력하면 페이지 이동재미삼아 사용해볼만한 보안과는 거리가 먼~아주 아주 허접하게 뚤리는 고전스러운 소스입니다.…

  • WEBP를 JPG로 변환
    등록자 GW
    등록일 01.02 조회 1398

    웹팁 구글이 만든 이미지 포멧 무손실(PNG), 손실(JPG) 압축 다 지원용량도 적어서 웹에서 쓰기 좋은 WEBP브라우저는 다 지원하는데 이 WEB…

  • 모바일 이미지 자동으로 리사이즈
    등록자 GW
    등록일 04.21 조회 1313

    웹팁 모바일 이미지 자동으로 리사이징모바일웹 이미지 100%로 하다보면 불편합니다.이미지 리사이징 소스입니다.보다 전문적인 코드와 개념정리는 구글링해…

  • 그누보드 아미나 나리야 여분필드 개념
    등록자 꾸니꾸니
    등록일 01.18 조회 1310

    웹팁 여분필드는 1~10까지 있고 특별하게 프로그램 작업을 하지 않아도 html 안에 여분필드 컬럼을 넣으면디비에 데이터를 저장하거나 출력할 수 있습…

  • QR코드 만들기 QR 코드 생성기
    등록자 GW
    등록일 01.27 조회 1274

    웹팁 네이버 QR만들기를 이용해서간단하게 QR코드를 만들 수 있습니다.QR로 원하는 페이지 링크이미지도 몇장 꾸밀수 있고동영상도 업로드및 링크걸 수 …

  • 마우스 오른쪽 페이지 이동하기
    등록자 GW
    등록일 05.01 조회 1262

    웹팁 페이지에서 마우스 오른쪽을 클릭하면안내문과 함께 페이지가 이동됩니다. <script language="JavaScript"><!…

  • 계산 스크립트 자동으로 학점계산 소스
    등록자 GW
    등록일 01.25 조회 1185

    웹팁 점수를 입력하면 학점을 알려줍니다.재시험을 봐야한다는 무서운 메시지도 나오네요 ^^미리보기가 아래에 있습니다<body> 와 </…

알림 0