Esercizio 7


Scrivere una pagina HTML utilizzabile come buono d'ordine:
  1. La pagina dovra' avere una tabella con almeno 4 colonne:
    1. Descrizione articolo
    2. Quantita'
    3. Prezzo unitario
    4. Prezzo complessivo
  2. Nell'ultima riga della tabella dovra' essere visualizzato il numero di articoli ordinati e la spesa totale.
  3. I conti del prezzo complessivo, del numero complessivo di articoli ordinati e della spesa totale devono essere calcolati automaticamente da una programmino Javascript.

Suggerimenti:
  1. Aggiungere un pulsante "Calcola" che effettui i conti.
  2. Tutte e 4 le colonne della tabella devono contenere dei controlli (INPUT TYPE="text").
  3. Ricordarsi di assegnare un nome differente ad ogni campo.


Facoltativo:
  1. Invece che lasciare inserire a mano il nome ed il prezzo dell'articolo all'utene, farglielo scegliere da un menu a tendina (utilizzando una SELECT).
  2. Impostare quindi automaticamente il prezzo in funzione del prodotto selezionato.
  3. Ricalcolare automaticamente i totali, ogni qual volta l'utente varia un numero di merci ordinate.

Suggerimenti:
  1. Utilizzare un Array per memorizzare i prezzi delle merci. I prezzi devono avere lo stesso ordine degli oggetti inseriti nella SELECT. In questo modo all i-esimo elemento della SELECT, corrisponde l' i-esimo prezzo.
  2. Inserire nel campo "Prezzo unitario", il costo del prodotto selezionato, rispondendo all'evento onChange del campo SELECT.
  3. Inserire il codice per il calcolo in una funzione, e richiamere questa funzione all'evento onChange associato ad ogni campo "quantita'".