아재쉼터

웹팁 분류

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

작성자 정보

  • 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
웹팁 70 / 1 페이지
RSS
  • 컴퓨터 그림 그리기 모바일 그림 그리기
    등록자 GW
    등록일 11.14 조회 305

    웹팁 드로잉 보드드로잉 보드란 무엇인가요?그림을 그리기 위해 매번 노트북을 켜지 마세요.모바일로 충분히 그림을 그릴 수 있습니다.작성한 그림을 서버로…

  • <a> 태그 속성 링크 방법 target 속성
    등록자 GW
    등록일 11.07 조회 251

    웹팁 하이퍼 링크(hyperlink) 만들기하이퍼 링크를 간단히 링크(link)라고를 구현하는 방법은HTML에서는 <a>태그 표현텍스트 링…

  • CSS 버튼 자동 생성 사이트
    등록자 GW
    등록일 09.25 조회 343

    웹팁 CSS 버튼 자동 생성기CSS버튼 만드는 방법 초보자도 쉽게 만들 수 있는CSS버튼 자동으로 만들어주는 사이트CSS버튼 자동 생성기를 소개합니다…

  • 실시간 날짜 요일 시간 스크립트
    등록자 GW
    등록일 04.05 조회 533

    웹팁 실시간 현재 날짜 보여주기실시간 시각 보여주기오늘이 몇 요일인지 보여주기 <div id="clock"> <div1><…

  • 5초마다 이미지 변경되는 페이지 만들기
    등록자 꾸니꾸니
    등록일 01.25 조회 467

    웹팁 페이지에 삽입된 이미지가 원하는 시간이 지나면자동으로 다른 이미지로 변경됩니다.먼저 1.2.3.4 이미지를 준비후계정에 업로드된 이미지 경로를 …

  • jfif 이미지 파일 JPG 변환 JFIF TO JPG PNG
    등록자 GW
    등록일 12.20 조회 954

    웹팁 이미지 파일을 저장했는데 .jfif 파일?자동 변환 사이트를 이용하면 쉽게 원하는 이미지파일 형식으로 다운로드가 가능합니다JFIF 이미지 파일J…

  • 절대경로 확인하기
    등록자 GW
    등록일 06.13 조회 1043

    웹팁 절대경로를 확인할때 유용한 팁입니다 123456789<?php$path=getcwd();echo"ThisIsYourAbsolutePath:…

  • 오늘 날짜, 요일 구하는 자바스크립트
    등록자 GW
    등록일 02.23 조회 1093

    웹팁 오늘 날짜 요일 구하는 자바스크립트(javascript)날짜 월 일 날짜까지 간단하게 출력해주는 소스입니다.어디에 어떻게 사용할지...응용은 우…

  • 파비콘 만들기 favicio 적용하기
    등록자 GW
    등록일 01.18 조회 947

    웹팁 피비콘 적용 예 :ico 또는 png의 확장자의 이미지를도메인(domain)의 루트(root) 디렉토리에업로드하여 주소창 앞에 파비콘 출력시킵니…

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

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

  • 애드센스 일치하는 콘덴츠 광고만 표시됩니다
    등록자 GW
    등록일 01.06 조회 805

    웹팁 일치하는 콘텐츠에 관한 중요 변경사항2021년 11월 15일2022년 3월 1일부터 일치하는 콘텐츠 단위는 광고만 표시하며 '멀티플렉스 광고'로…

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

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

  • 웹에서 3D 모델링 돌려가면서 감상하기
    등록자 꾸니꾸니
    등록일 12.21 조회 803

    웹팁 웹3D뷰어사이트 스케치팹입니다최고의 플랫폼웹상의 3D 및 AR용3D 자산을 관리합니다. 3D 및 AR 경험을 배포합니다.다른 사람들과 협력하십시…

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

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

  • 사용자 브라우져 캐시 삭제 또는 초기화하기
    등록자 꾸니꾸니
    등록일 09.11 조회 853

    웹팁 사용자 브라우져 캐시 삭제 또는 초기화하기화면을 수정했는데, 클라이언트의 브라우져에 캐시가 남아서 이전 화면이 나오는 경우가 있다.직접 브라우져…

알림 0