메뉴 건너뛰기

조회 수 10752 추천 수 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
번호 제목 날짜 조회 수
167 Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성 file 2015.06.19 8523
166 location.href 로 새창 여는 방법 (target=_blank 효과) 2015.06.19 9390
165 Node.js와 npm(+ npx)의 개념 2023.01.20 134
164 onkeypress 키보드 이벤트 처리하는 법 – text, textarea 2016.09.21 7001
163 opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행) 2021.03.26 1437
162 response.setHeader 2016.12.22 7357
161 select 당일 날짜 출력 file 2014.03.01 5780
160 SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기. 2018.07.04 4014
159 setTimeout 대체 스크립트 함수 (일시멈춤) 2016.12.22 6241
158 setTimeout() / clearTimeout() / setInterval() 2016.12.22 8162
157 span - 동적으로 글자 바꾸기, 보이기 안보이기 2019.01.16 1445
156 split, join, replace, replace_all 2021.03.26 204
155 Textarea 글자수 체크 2014.03.01 5651
154 textarea의 글자수 제한 2014.02.27 6161
153 top 부분이 고정되는 슬라이딩 메뉴입니다 file 2014.03.01 5752
152 utf-8일때 alert 한글 깨짐 해결 2021.03.26 3555
151 [INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다 2017.02.19 8526
150 [jQuery] textarea 글자수 카운트 2014.03.01 7420
149 [jQuery] 상위부터 차례로 지역 선택하기 2014.03.01 45950
148 [jQuery] 실시간 검색어 순위 순서대로 보여주기 2014.03.01 12017
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved