Esercizio 7
Scrivere una pagina HTML utilizzabile come buono d'ordine:
- La pagina dovra' avere una tabella con almeno 4 colonne:
- Descrizione articolo
- Quantita'
- Prezzo unitario
- Prezzo complessivo
- Nell'ultima riga della tabella dovra' essere visualizzato
il numero di articoli ordinati e la spesa totale.
- I conti del prezzo complessivo, del numero complessivo di articoli
ordinati e della spesa totale devono essere calcolati automaticamente
da una programmino Javascript.
Suggerimenti:
- Aggiungere un pulsante "Calcola" che effettui i conti.
- Tutte e 4 le colonne della tabella devono contenere dei controlli
(INPUT TYPE="text").
- Ricordarsi di assegnare un nome differente ad ogni campo.
Facoltativo:
- 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).
- Impostare quindi automaticamente il prezzo in funzione del prodotto selezionato.
- Ricalcolare automaticamente i totali, ogni qual volta l'utente varia un numero
di merci ordinate.
Suggerimenti:
- 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.
- Inserire nel campo "Prezzo unitario", il costo del prodotto selezionato, rispondendo
all'evento onChange del campo SELECT.
- Inserire il codice per il calcolo in una funzione, e richiamere questa funzione
all'evento onChange associato ad ogni campo "quantita'".