Spinner doppio per tabellone segnapunti

[danyuli]

Buongiorno a tutti!
Sto crendo una pagina web che dovrebbe funzionare come un tabellone elettronico segnapunti.
Ho inserito tramite oggetto HTML uno spinner trovato sul web uno spinner che mi aumenta i punti con i bottoni + e -, l'ho messo a misura desiderata, ma inserendone 2 quando vado a cliccare sui bottoni mi aumenta il campo solo di uno spinner.
Mi potete dare una mano in modo da farli funzionare separatamente?
Grazie

Vi allego il codice:

<script language="javascript">
function Aumenta(campo, per) {
var oggetti = document.getElementById(campo).value;
oggetti = parseInt(oggetti, 10);
if (isNaN(oggetti)) oggetti = 0;

oggetti += per;
if (oggetti < 0) return;

document.getElementById(campo).value = oggetti;
}
</script>
<form>
<input type="button" value="-" onclick="Aumenta('numero', -01)" style="width:100px;height:100px;font-size:100px">
<input type="text" id="numero" readonly="readonly" value="0" style="text-align: center;width:250px;height:100px;font-size:100px" >
<input type="button" value="+" onclick="Aumenta('numero', 01)" style="width:100px;height:100px;font-size:100px;" >
</form>

[KillerWorm]

Ciao, dovresti specificare degli id diversi per i due campi, quindi passarne il relativo valore alla funzione Aumenta().

In sostanza Aumenta('numero'...) andrà ad agire sull'elemento <input id="numero"...>
Mentre, ad esempio, Aumenta('altrocampo'...) andrà ad agire sull'elemento <input id="altrocampo"...>

[danyuli]

Grazie mille!
ma è possibile cambiare il colore dei bottoni e del testo?

[KillerWorm]

Suppongo di sì.
Tu hai provato?