버튼 클릭한 횟수 알아내기 입니다. 전역변수를 활용한 아주 간단한 예제입니다.
전역변수와 지역변수에 대한 이해가 있으시면 문제없이 구현 가능합니다.
소스(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씩 늘어나게 하였습니다.
'blur', 이미지 클릭시 테두리를 없애자!
'checkbox', 체크박스 모두체크 그리고 모두해제!
