Нажмите, чтобы вычесть 1 в javascript

Question

Я хочу иметь что-то вроде кнопки 10, и каждый раз, когда я должен нажимать, он должен вычитать 1. и, достигнув нуля, он должен исчезнуть. HTML код

<table width="600" border="0" cellspacing="0" cellpadding="5"> 
    <tr> 
    <th scope="col"><input type="button" onclick="add()" id='mynum9' value="9" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum7' value="7" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum4' value="4" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum5' value="5" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum1' value="1" ></th> 
    </tr> 
    <tr> 
    <td><input type="button" onclick="add()" id='mynum3' value="3" ></td> 
    <td><input type="button" onclick="add()" id='mynum10' value="10" ></td> 
    <td><input type="button" onclick="add()" id='mynum8' value="8" ></td> 
    <td><input type="button" onclick="add()" id='mynum2' value="2" ></td> 
    <td><input type="button" onclick="add()" id='mynum6' value="6" ></td> 
    </tr> 
</table> 


function add() { 
    var numArray=["mynum1". "mynum2","mynum3". "mynum4","mynum5". "mynum6","mynum7". "mynum8","mynum9". "mynum10"] 
    for (var i = 0; i < numArray.length; i++); 
    var num = document.getElementById(numArray[i]).value; 
    if(num == '') num = 0; 
if(num==1){ 
     $(this).remove(); 
    } 
    document.getElementById(numArray[i]).value = parseInt(num ,10) - 1; 
    } 

Но ее не работает, что я делаю неправильно. Кроме того, если вы могли бы сказать мне, лучший Javascript практика сайт

Answer 1

попробовать это:

<table width="600" border="0" cellspacing="0" cellpadding="5"> 
    <tr> 
    <th scope="col"><input type="button" onclick="add()" id='mynum9' value="9" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum7' value="7" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum4' value="4" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum5' value="5" ></th> 
    <th scope="col"><input type="button" onclick="add()" id='mynum1' value="1" ></th> 
    </tr> 
    <tr> 
    <td><input type="button" onclick="add()" id='mynum3' value="3" ></td> 
    <td><input type="button" onclick="add()" id='mynum10' value="10" ></td> 
    <td><input type="button" onclick="add()" id='mynum8' value="8" ></td> 
    <td><input type="button" onclick="add()" id='mynum2' value="2" ></td> 
    <td><input type="button" onclick="add()" id='mynum6' value="6" ></td> 
    </tr> 
</table> 
<script> 
var numArray=["mynum1", "mynum2","mynum3", "mynum4","mynum5", "mynum6","mynum7", "mynum8","mynum9", "mynum10"]; 
function add() { 

    for (var i = 0; i < numArray.length; i++){ 
    var num = document.getElementById(numArray[i]).value; 

if(num == 1){ 
    document.getElementById(numArray[i]).remove(); 
    removeA(numArray, numArray[i]); 
    if(numArray.length > 0){ 
    document.getElementById(numArray[i]).value = parseInt(num ,10); 
    } 
    continue; 
    } 
document.getElementById(numArray[i]).value = parseInt(num ,10) - 1; 
    } 
} 

function removeA(arr) { 
    var what, a = arguments, L = a.length, ax; 
    while (L > 1 && arr.length) { 
     what = a[--L]; 
     while ((ax= arr.indexOf(what)) !== -1) { 
      arr.splice(ax, 1); 
     } 
    } 
    return arr; 
} 



</script> 

надеюсь, что это помогает.