Esercitazione 3

1. Scrivete una pagina HTML + JavaScript che permette di realizzare la conversione tra Lire e Euro e viceversa, cercando di inserire il maggior numero di controlli nei campi di input. Ad esempio, si dovrà controllare che ci sia un valore in input e non si dovranno accettare valori non numerici (vedi figura).
   
   
2. Scrivete una pagina HTML + JavaScript per il calcolo delle tabelline
   L'utente deve selezionare un numero dalla combo box a sinistra e completare la tabellina. Sull'evento onChange si deve verificare la correttezza del dato appena inserito (vedi figura).
   
   
3. Scrivete una pagina HTML + JavaScript per creare un dizionario on line
   L'utente deve scrivere una parola in uno dei due campi e nell'altro dovrà comparire la traduzione corrispondente oppure un messaggio opportuno se la parola non esiste nel dizionario. Simulate il dizionario mediante array (vedi figura).
   
   
4. Scrivete una pagina HTML + JavaScript che permette di realizzare l'iscrizione ad una conferenza via web (vedi figura - fate un modulo più semplice!!!).
   
   Associate al modulo i seguenti controlli
   
   
   1. Scegliete i campi obbligatori e mettete i controlli corrispondenti (dove possibile, usate le espressioni regolari, per esempio nel caso dell'e-mail e del CAP che deve essere un valore numerico).
      
      
   2. Chiedete conferma prima di cancellare i dati già inseriti.
      
      
   3. Associate al pulsante Calcola costi un gestore di eventi che, andando a leggere il costo dei corsi selezionati, scrive il costo totale nel campo testuale in fondo al modulo.
      
      Versione più complessa: per il calcolo del costo, chiedete all'utente se è uno Studente e, in caso di risposta affermativa, fate uno sconto sul costo totale.
   
   
   
5. [difficile] Scrivete i gestori di eventi per simulare la gestione di un database con JavaScript (vedi figura).
   
   
   1. Per inserire una nuova persona nel database, si dovranno scrivere i valori nei campi e selezionare il pulsante inserisci un record
      
      
   2. Per cancellare i dati di una persona, si dovranno scrivere il cognome e/o il nome e selezionare il pulsante cancella un record
      
      
   3. Per visualizzare i dati di una persona si dovranno scrivere il cognome e/o il nome e selezionare il pulsante visualizza un record
      
      
   4. Per visualizzare tutti i dati contenuti nel database si dovrà selezionare visualizza il DB
   
   
   Suggerimenti: per simulare un record del database potete usare tre array (cognome[], nome[] e telefono[]), oppure creare un oggetto Persona (ma non lo abbiamo visto a lezione).
   
   Quello che si deve fare è definire un costruttore mediante la parola chiave function, ad esempio:

   function Persona (c,n,t)
   {
     this.cognome = c;
     this.nome = n;
     this.telefono = t;
   }
   

   Poi si può creare un array, per esempio DB, le cui celle diventeranno istanze dell'oggetto Persona

   var DB = new Array();
   
   c = ....;  // letto dal campo cognome
   n = ....;  // letto dal campo nome
   t = ....;  // letto dal campo telefono
   
   i = DB.length;  // per aggiungere un nuovo record in fondo al vettore
   DB[i] = new Persona  (c,n,t); 	// a questo punto vengono create e inizializzate le proprietà
   			      	// DB[i].cognome, DB[i],nome, DB[i].telefono
   
   ....
   

   Gli array supportano anche il metodo push() per inserire un elemento in fondo ad un array. Infine, l'ideale sarebbe anche riordinare l'array DB in ordine alfabetico (per cognome). Esiste per questo il metodo sort() ....