click을 count하려 alert창을 띄웁니다.
응용해서. 버튼태그이면 이미지를 보여준다거나 href로 이동시킬수도 있네요 nok! nok! nok!
input은 몇번째 클릭인지 알려주기위해 만들었습니다.
ㅇ3ㅇ 필요없으면 삭제 ㅋ
0부터시작하여 5번째일경우 Boom!! 하는 경고창을 띄웁니다.
<input type='text' id='btn_result' value='0' />
<input type='button' value='버튼' onclick='button_onclick()' />
var count = 0;
function button_onclick(){
count++;
if(count == 5){
alert("boom!!!");
count = 0; //5번째일때 카운트 초기화 : 다시 5번째일때 alert가 뜬다.
}
$("#btn_result").attr('value', count); //숫자를 보기위한 input에 카운팅된 숫자를 넣는다.
}
input을 selector.
on function.click으로 해서 전체를 만들면 숫자를 바꾸기위해 클릭을 n번 눌럿을때 boom! 하고 이벤트를 띄울수 있겠네요.
'JQuery|JavaScript' 카테고리의 다른 글
[javascript] 스크롤 바닥에 닿았을때 동작(onload) (0) | 2022.11.14 |
---|---|
아코디언 메뉴(게시판) (0) | 2016.12.28 |
클릭시 숫자를 증가시키는 버튼 (0) | 2016.11.23 |