메뉴 건너뛰기

조회 수 10763 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
버튼 클릭한 횟수 알아내기 입니다. 전역변수를 활용한 아주 간단한 예제입니다.

전역변수와 지역변수에 대한 이해가 있으시면 문제없이 구현 가능합니다.

 


소스(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>

</HTML>

 


소스설명

 

1. 전역변수 선언

var count = 0;

- 전역변수 count를 선언하였습니다. 이 변수의 목적은 클릭한 횟수를 담기 위함입니다.

전역변수이기 때문에, 사용자 정의의 함수를 실행시킬때마다 변수가 초기화 되지 않고,

문서(HTML)내에서 변수값을 공유하게 됩니다. 그래서 목적에 맞게 사용가능 합니다.

 

2. 클릭한 횟수의 증가

count++;

- 증가연산식인 ++를 이용해서 클릭할때마다, 클릭한 횟루를 위한 위의 전역변수가 1씩 늘어나게 하였습니다.


List of Articles
번호 제목 날짜 조회 수
87 셀렉트(select) change 이벤트 (split) 2016.12.23 6009
86 셀렉트(select) change Ajax 이벤트 2016.12.23 12585
85 셀렉트(select) change href 이벤트 2016.12.23 5899
84 팝업창 가운데 띄우기 2016.12.23 6705
83 [INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다 2017.02.19 8526
82 날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker file 2017.04.06 16540
81 새로고침(F5) 금지 2018.03.28 6001
80 Javascript selectbox selected 컨트롤 file 2018.06.21 10058
79 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징) file 2018.07.04 2715
78 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 2919
77 SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기. 2018.07.04 4014
76 반복문 사용할때 태그 식별하기 data-item 2018.07.04 1849
75 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기 2018.07.04 3991
74 다음 우편번호(주소) api 예시 file 2018.07.04 4905
73 cross site scripting을 막기위한...javascript 2018.07.24 1596
72 유용한 스크립트 모음 2018.07.24 2294
71 key pressing 누르거나 클릭중인 이벤트 예제 2018.08.29 1622
70 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 2793
69 팝업창 차단 "허용 메시지" 2018.09.28 1738
68 엔터키 / enter key submit form 2018.09.28 1528
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved