cambio valori input con pulsanti

[principiante00]

Salve a tutti. Premetto che non è urgente e che sono nuovo di programmazione javascript.

Sono autodidatta e devo dire che non è semplice.

Sto facendo degli esercizi per mettermi alla prova e ho tentato di creare dei campi input i cui valori si modificano premendo dei button.

Ho creato una pagina HTML con 7 tag input più 13 pulsanti.

viene fuori questo:



Poi ho creato un file js esterno in cui ho inserito 3 funzioni:

1 principale che mi cambia i valori una volta che clicco un pulsante

function CarPsyFis(ff){
var min = 0;
var max = 100;
var n = Math.floor(Math.random()*(max-min+1)+min);
if(n>=0 && n<=100){
out = n;
}
ff.car.value = out;
return;
}

e altre 2 che sono legate ai pulsanti + e - accanto agli input

function aggiungi(ff){
ff.TotCar.value--;
ff.car.value++;

}

function togli(ff){
ff.car.value--;
ff.TotCar.value++;
}

Come si vede dall'immagine, il valore in alto è 100, gli altri sono tutti a 0.

Il mio problema, ora, è che vorrei impostare i 6 campi sottostanti in modo tale che aumentando o diminuendo il loro valore con i tasti + e - , i loro valori non scendano sotto 0 e non superino 100 e che la loro somma totale(ovvero casella1 + casella 2 +...+casella6)non superi il valore impostato nella casella in alto, ovvero 100.

mi potreste dire dove e come cambiare il codice? grazie.

[principiante00]

il valore delle ultime 2 funzioni, ovvero TotCar è il nome dell'input con valore 100.
Questo valore viene aumentato o diminuito, ogni volta che clicco il pulsante + o -.

L'unico problema è mettere un limite al trasferimento di valore dalla cella in alto a quelle in basso e viceversa.

Sono sicuro sia semplice, ma non so come si faccia.