클릭시 숫자 증가 출력
본문
<input type="button" class="add_add" id='count' value="추가" onclick="insert_pin()">
<script>
var count = 0;
var inter;
function add(){
count += 1;
$('#count').html(count)
}
$(document).ready(function(){
$('.add_add').on('mousedown',function(){
inter = setInterval(add , 70)
})
$('#add_add').on('mouseup',function(){
clearInterval(inter)
})
})
</script>
게시물을 작성 후 버튼을 클릭하면 숫자가 증가되고 제목으로 나오게 하려고 싶습니다 ㅠㅠ
초보라 너무 어렵네요..
답변 4
증가된 숫자를 표시해 주는 부분이 필요합니다.
<div id=subject></div>
자바스크립트
$("#subject").html(count);
<script>
var count = 0;
var inter;
function add(){
count += 1;
$('#count').html(count)
$("#wr_subject").html(count);
}
$(document).ready(function(){
$('.add_add').on('mousedown',function(){
inter = setInterval(add , 70)
})
$('#add_add').on('mouseup',function(){
clearInterval(inter)
})
})
</script>
이런식으로 #wr_subject 으로 출력되게 하였는데, 제목에 나오질 않습니다 ㅠㅠ
#wr_subject 가 어디에 있나요? 풀 코드를 주시겠어요
jquery 선언도 있어야하구요
원래 게시물 작성시 제목을 나타내는 구문은 $("#wr_subject").val(' 게시물' ); 이 부분이구요,
작성시 게시물이라고 제목에 표시됩니다.
<script>
var count = 0;
var inter;
function add(){
count += 1;
$('#count').html(count)
$("#wr_subject").html(count);
}
$(document).ready(function(){
$('.add_add').on('mousedown',function(){
inter = setInterval(add , 70)
})
$('#add_add').on('mouseup',function(){
clearInterval(inter)
})
})
</script>
이외 스크립트는 없습니다 ㅠ
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script>
var count = 0;
var inter;
function add(){
count += 1;
$('#count').html(count)
$("#wr_subject").html(count);
}
$(document).ready(function(){
$('.add_add').on('mousedown',function(){
inter = setInterval(add , 70)
})
$('.add_add').on('mouseup',function(){
clearInterval(inter)
})
})
</script>
<div id=wr_subject>0</div>
<div id=count>0</div>
<input type="button" class="add_add" id='count' value="추가" >
문제으 원인인 #add_add였네요 .add_add로 수정해주세요
