버튼 클릭한 횟수 알아내기 |
▶▷ 알아두면 좋은 것들
전역변수
버튼 클릭한 횟수 알아내기 입니다. 전역변수를 활용한 아주 간단한 예제입니다.
전역변수와 지역변수에 대한 이해가 있으시면 문제없이 구현 가능합니다.
소스(Source)
소스다운Doit.html
<HTML>
<HEAD>
<TITLE>자바스크립트를 활용한 버튼 클릭횟수 알아내기</TITLE>
</HEAD>
<SCRIPT language="javaScript">
1. var count = 0;
function button_onclick(){
2. count++;
alert(count+"회 클릭하셨습니다.");
}
</SCRIPT>
<BODY>
<FORM>
<input type=button value=버튼 onclick=button_onclick()>
</FORM>
</BODY>
소스설명
1. 전역변수 선언
var count = 0;
- 전역변수 count를 선언하였습니다. 이 변수의 목적은 클릭한 횟수를 담기 위함입니다.
전역변수이기 때문에, 사용자 정의의 함수를 실행시킬때마다 변수가 초기화 되지 않고,
문서(HTML)내에서 변수값을 공유하게 됩니다. 그래서 목적에 맞게 사용가능 합니다.
2. 클릭한 횟수의 증가
count++;
- 증가연산식인 ++를 이용해서 클릭할때마다, 클릭한 횟루를 위한 위의 전역변수가 1씩 늘어나게 하였습니다.
결과화면
궁금하시거나 도움줄 말이 있으시면 댓글 부탁드립니다 ^^ |
'프로그래밍 > JavaScript' 카테고리의 다른 글
[자바스크립트] 'open', 새창을 열어보자! (2) | 2012.06.25 |
---|---|
[자바스크립트] 'checkbox', 체크박스 모두체크 그리고 모두해제! (7) | 2012.06.25 |
[자바스크립트] 'forms', 폼을 배열로 접근하자! (0) | 2012.06.25 |
[자바스크립트] 유효성 검사, 숫자만 입력 되도록 해보자! (0) | 2012.06.19 |
[자바스크립트] 유효성 검사, 모든 폼에 값이 입력되도록 해보자! (5) | 2012.06.19 |