Aumentare e diminuire valore ma fermare allo zero

[djjunior]

Salve
utilizzo questo script:

<input type=text name=pezzi value=1.530>
<input type=button value="+" onClick="javascript:this.form.pezzi.value++;">
<input type=button value="-" onClick="javascript:this.form.pezzi.value--;">

Innanzitutto se premo meno non si ferma a zero (es: 0.530) deve azzerare proprio anche eventuali cent (es: 0.000), mentre continua con il meno.
Altro problema: alcune volte essendo che la value del campo potrebbe essere dispari come indicato su mi fa vedere alcune se aumento o diminuisco anche 999999999 oppure 0000000
potete aiutarmi?
Grazie

[m4rko80]

Ciao, al posto di settare direttamente il valore nell'onClick puoi creare una funzione da associare. Avrai il valore e prima di settarlo potrai eseguire controlli e nel caso sovrascrivere il valore se inferiore a zero(o qualunque validazione vorrai applicare).
In alternativa puoi usare un input di type="number" che per default ti renderizza su browser i pulsanti + e - direttamente nell'input e impedisce di inserire caratteri testuali.
https://www.w3schools.com/tags/att_i...ype_number.asp ci sono diversi attributi utili

[djjunior]

Grazie m4rko, la soluzione con il campo type number è ottima, ma per questa lavorazione mi serve che ci siano i tasti + e meno al di fuori dal campo ho modificato così:

<script>
function aumenta() {
numero = document.getElementById("add_qta").value;
numero++;
}
function diminuisci>() {
numero = document.getElementById("add_qta").value;
if(numero>0.000)numero--;
document.getElementById("add_qta").value = numero;
}
</script>
<input type=button value="+" onclick="aumenta()"> -
<input type=button value="-" onclick="diminuisci()">

Però purtroppo se il campo è dispari tipo 1.530 quando arrivo a 0 mi scrive -0.47, innanzitutto vorrei ovviare a questo puoi aiutarmi?
Grazie

[m4rko80]

Se vuoi poter utilizzare qualsiasi numero ma allo zero dovrà essere per forza zero basta aggiungere un controllo per arrotondare

Math.floor() per difetto o Match.ceil() per eccesso e quindi se minore di 1 applicare Math.floor().
Se il dato in originale arriva già inferiore a zero puoi impostarlo subito a zero con Math.ceil()

https://www.w3schools.com/jsref/jsref_floor.asp

[djjunior]

Con il Math.ceil il dato 1.530 quando diminuisco , prima va ad 1 poi zero e se aumento parte sempre da 1 e no 1.000 dovrebbe darmi 0.530 e poi 0.000 come posso fare?

[m4rko80]

Mi pare di aver capito che il problema fosse solo per valori negativi sotto allo zero.
Quindi solo se il valore è minore di zero arrotondi a zero. Se superiore a zero non fare nulla.
Se ho capito male scrivimi le regole corrette da rispettare

[djjunior]

valore esempio: 1.530
se aumenta di un passo: 2.530 --> 3.530 e così via
se dimunuisce di un passo: 0.530 e poi 0.000 e fermarsi

[m4rko80]

Ok, quindi arrotonda per eccesso a zero solo se il valore è inferiore a 0 (quindi zero sarà il valore minimo utilizzabile).

[djjunior]

È quelli che non riesco ad implementare al mio codice. Grazie

[m4rko80]

Banalmente potresti fare cos':

<script>
function diminuisci>() {
var el = document.getElementById("add_qta");
if(el<0){
 el.value = 0;
}else{
 el.value--
}
}
</script>