Question

버튼을 클릭하면 증가/감소 버튼이 작동하게하고 싶습니다. HTML 파일에 삽입 할 함수의 일부로 사용하는 JavaScript에 섹션을 넣었지만 작동하지 않습니다. JavaScript의 코드는 다음과 같습니다.

string ="<img class='minubtn' src='images/delete.png' onclick='javascript: 
document.getElementById('countNo1').value--;' />"+ 
"<input type='text' id='countNo1' class='txtCount' value='0' placeholder='0'/>"+ 
"<img class='addbtn' src='images/add.png' onclick='javascript: 
document.getElementById('countNo1').value++;'/>" 

왜 작동하지 않는지 알 수 있습니다. 중첩 된 문자열에서 ID 대신 '\'를 사용하여 ID를 인용해야합니다. 그래서 코드는이를 좋아한다 : 여기

string ="<img class='minubtn' src='images/delete.png' onclick='javascript: 
document.getElementById(\'countNo1\').value--;' />"+ 
"<input type='text' id='countNo1' class='txtCount' value='0' placeholder='0'/>"+ 
"<img class='addbtn' src='images/add.png' onclick='javascript: 
document.getElementById(\'countNo1\').value++;'/>" 

Answer 1

:

<input type="text" name="count" value="0" id="count"> 
<input type="button" value="+1" onclick="operate('add')"> 
<input type="button" value="-1" onclick="operate('dec')"> 

스크립트 :

<script> 
    function operate(val){ 
    if(val == "add"){ 
     var val = document.getElementById('count').value; 
     val++; 
     document.getElementById('count').value = val; 
    } else{ 
     var val = document.getElementById('count').value; 
     val--; 
     document.getElementById('count').value = val; 
    } 
    } 
    </script>