[JavaScript] Calcolo interattivo

[matteolandi]

ciao a tutti,

in un campo input (a) type text ho un valore numerico. poi ho altri tre input (b, c, d) type text vuoti. Quello che voglio ottenere
è che ogni volta che venga inserito un numero in uno dei tre (b, c, d), questo numero venga sommato immediatamente a quello contenuto nel primo (a).

grazie 1000
ciao

[AnFrusch@pepp]

Ciao,
quello che dovresti fare è scrivere la funzione che esegue il calcolo e richiamarla sull'evento onBlur del campo testo.

Un esempio potrebbe essere:

function calcola(f) {
  
  x = Number(document.tuoform.a.value); // il campo 'a'
  y = Number(f.value) ;  // il campo sul quale viene eseguita la funzione
     /*  
      la funzione Number() converte una stringa in numerico,
      un po' come faresti con parseInt(),
      giusto per essere sicuri che il risultato della
     funzione sia un numero e non due  stringhe concatenate.
     */
  
  f.value = x + y;
}

poi, nell'elemento input (b, c o d), richiami la funzione con:

<input type="text" name="b" onblur="calcola(this)" />
<input type="text" name="c" onblur="calcola(this)" />
<input type="text" name="d" onblur="calcola(this)" />

'this' è il riferimento all'elemento su cui si verifica l'evento e viene passato come argomento alla funzione.

Spero sia quello che ti serviva.
Ovviamente potresti aggiungere alla funzione altri controlli per eseguire una sorta di validazione dei dati immessi, senza problemi.

[matteolandi]

ti ringrazio per la soluzione...

approfitto per chiederti un ulteriore suggerimento

come faccio per ripristinare il precedente valore qualora da una delle tre venga rimosso un valore?

grazie ancora