JQuery|JavaScript
클릭을 카운트하여 경고창을 내보냄.
써니B
2016. 11. 23. 10:08
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! 하고 이벤트를 띄울수 있겠네요.