Quattordicesima Esercitazione

1. Modificare il modulo d'ordine che avete preparato durante il corso di HTML aggiungendo:
   • per ogni articolo (riga della tabella), un ulteriore campo per mostrare il costo ottenuto moltiplicando il prezzo unitario (valore fissato, scelto da voi) per la quantità ordinata;
   • fare in modo che, per ogni articolo, ogni volta che la quantità viene aggiornata, anche il totale venga ricalcolato (consiglio: usare l'attributo onchange nel tag di input relativo alla quantità per catturare l'aggiornamento del valore e attivare la funzione che calcola il totale e lo mostra nel campo della form corrispondente);
   • aggiungere un campo che mostri il totale dell'ordine (ovvero la somma dei totali calcolati per i vari articoli);

     Q.tà	Codice	Descrizione	Costo unitario	Tempo di consegna (in giorni)	Totale
     	001	mouse	16 €	1
     	002	tastiera 105 tasti	25 €	1
     	003	stampante deskjet colori	350 €	10
     	004	scanner A4 colori	200 €	7
     Totale Ordine

   • fare in modo che ogni volta che si aggiorna una qualsiasi quantità anche il totale complessivo venga aggiornato (consiglio: (1) definire una funzione che sommi i totali dei singoli prodotti e presenti il risultato nel campo relativo al totale dell'ordine e (2) in tutte le funzioni associate agli attributi onchange dei tag di input relativi alle quantità dei prodotti invocare la funzione definita al punto (1) dopo aver aggiornato il totale del prodotto);
   • fare in modo che i campi contenenti i totali non possano essere modificati dall'utente (consiglio: usare l'attributo onfocus in tutti i campi contenenti i totali per catturare ogni tentativo dell'utente di modificare il valore e attivare una funzione che assegni il focus ad un elemento modificabile della form invocando il metodo focus() su quell'elemento);
   • aggiungere (se già non ci sono) due pulsanti per l'invio o l'azzeremento della form;
   • aggiungere le richieste di conferma per l'invio o l'azzeramento del modulo d'ordine usando opportune finestre confirm come visto a lezione.
   Salvare il risultato nel file ordineTotali.html.
   Soluzione