Ciao a tutti, ho una tabella con cinque righe alle quali tramite click posso spalmare dei punti.
Non ho idea di come impedire il conteggio negativo bloccandolo. Potete darmi una mano? Grazie mille.

Questo è quello che ho fatto.

codice:
function value_up(linea){
 var inizio = 20;
 var linea = (linea);
 var i = document.getElementById('point_text'+linea).value;
 i++;
 document.getElementById('point_text'+linea).value = (i);
 var voce1 = +document.getElementById('point_text1').value;
 var voce2 = +document.getElementById('point_text2').value;
 var voce3 = +document.getElementById('point_text3').value;
 var voce4 = +document.getElementById('point_text4').value;
 var voce5 = +document.getElementById('point_text5').value;
 var totale = (voce1 + voce2 + voce3 + voce4 + voce5);
 document.getElementById('totale').value = (inizio-totale);
 
};


function value_down(linea){
 var inizio = 20;
 var linea = (linea);
 var i = document.getElementById('point_text'+linea).value;
 i--;
 document.getElementById('point_text'+linea).value = (i);
 var voce1 = +document.getElementById('point_text1').value;
 var voce2 = +document.getElementById('point_text2').value;
 var voce3 = +document.getElementById('point_text3').value;
 var voce4 = +document.getElementById('point_text4').value;
 var voce5 = +document.getElementById('point_text5').value;
 var totale = (voce1 + voce2 + voce3 + voce4 + voce5);
 document.getElementById('totale').value = (inizio-totale);
}


codice HTML:
<table class="opzioni">
      <h3>titolo</h3>
      <tr class="punti">
       <th class="caratteristica">Voce</th>
       <th class="bottoni"></th>
       <th>Valore</th>
      </tr>
      <tr class="punti">
       <td class="caratteristica">Voce1</td>
       <td class="bottoni">
        <input id="button1_up" type="button" class="up" value="" onclick="value_up(1)"/>
        <input id="button1_down" type="button" class="down" value="" onclick="value_down(1)"/>
       </td>
       <td><input id="point_text1" type="text" value="" /></td>
      </tr>
      <tr class="punti">
       <td class="caratteristica">Voce2</td>
       <td class="bottoni">
        <input id="button2_up" type="button" class="up"  value="" onclick="value_up(2)"/>
        <input id="button2_down" type="button" class="down" value="" onclick="value_down(2)"/>
       </td>
       <td><input id="point_text2" type="text" /></td>
      </tr>
      <tr class="punti">
       <td class="caratteristica">Voce3</td>
       <td class="bottoni">
        <input id="button3_up" type="button" class="up"  value="" onclick="value_up(3)"/>
        <input id="button3_down" type="button" class="down" value="" onclick="value_down(3)"/>
       </td>
       <td><input id="point_text3" type="text" /></td>
      </tr>
      <tr class="punti">
       <td class="caratteristica">Voce4</td>
       <td class="bottoni">
        <input id="button4_up" type="button" class="up"  value="" onclick="value_up(4)"/>
        <input id="button4_down" type="button" class="down" value="" onclick="value_down(4)"/>
       </td>
       <td><input id="point_text4" type="text" /></td>
      </tr>
      <tr class="punti">
       <td class="caratteristica">Voce5</td>
       <td class="bottoni">
        <input id="button5_up" type="button" class="up"  value="" onclick="value_up(5)"/>
        <input id="button5_down" type="button" class="down" value="" onclick="value_down(5)"/>
       </td>
       <td><input id="point_text5" type="text" /></td>
      </tr>
      <tr class="punti">
       <td class="caratteristica"><b>Totale</b></td>
       <td class="bottoni"></td>
       <td><input id="totale" type="text" value="20"/></td>
      </tr>
     </table>