Esercitazione JavaScript #2

Esercitazione JavaScript #2
Istruzioni
Creare un nuovo progetto HTML così composto:
Pagina nomecognome2.html
(alicepavarani2.html)
Deve contenere un link ad ognuna delle pagine degli esercizi (verranno valutati solo gli esercizi linkati).
Una pagina per ogni esercizio: es#.html (es1.html, es2.html, …)
Deve contenere solo lo script dell’esercizio proposto e le eventuali altre istruzioni necessarie per eseguirlo.
Consegnare solo la pagina nomecognome2.html e le pagine degli esercizi fatti. (non la cartella di progetto)
Realizzare i seguenti script in JavaScript
Oggetti predefiniti
1. Uno script che in base all’orario visualizzi un alert con le scritte “Buongiorno” (tra le 5:00 e le
12:00), “Buon pomeriggio” (tra le 12:00 e le 18:00), “Buonasera” (tra le 18:00 e le 22:00),
“Buonanotte” (tra le 22:00 e le 5:00).
a. Oltre al controllo sull’orario, aggiungere un controllo sul giorno e scrivere (in aggiunta al
resto del testo): “Buon week-end” se è un festivo, “Buon _nomegiorno_” se è un feriale.
2. Uno script che calcoli il valore di seno, coseno e logaritmo (del valore assoluto) di un numero
casuale tra -100 e 100.
a. Chiedere l’immissione del numero da parte dell’utente (prompt).
3. Uno script che, dato l’elenco dei cognomi della vostra classe (ad ognuno corrisponde un numero),
mostri il nome e il numero dell’interrogato del giorno generato casualmente.
Oggetti del DOM
4. Uno script che in base al browser utilizzato cambi il colore di sfondo della pagina.
5. Uno script che chieda il nome all’utente e poi lo visualizzi sulla barra di stato del browser.
6. Uno script che al caricamento della pagina la sposti subito alla posizione200,100 dello schermo.
7. Uno script che conti il numero di link presenti in una pagina e ne visualizzi l’indirizzo (href).
Interagire con i Form
8. A partire da una pagina web contenente due campi di input A e B di tipo testuale (in B non deve
essere consentita la scrittura e A deve essere il controllo che acquista il focus all’apertura della
pagina), realizzare uno script che all’inserimento di lettere nel campo A riscriva le stesse lettere in
maiuscolo nel campo B.
9. Uno script che prenda il valore di due campi di input (nome e cognome) e di un radio button (sesso:
M/F) e, in base ai valori inseriti, visualizzi un alert con la frase “Benvenuto Sig. nome cognome” se
il sesso scelto è M, oppure “Benvenuta Sig.ra nome cognome” se il sesso scelto è F.
10. Uno script che prenda due valori numerici da due campi di input, un operatore (+, -, *, /) da un
menu a discesa e ne visualizzi il risultato sulla pagina.
Facoltativi
11. Creare una pagina con due bottoni (Avanti e Indietro) che rimandino, rispettivamente, alla pagina
successiva e alla pagina precedente della cronologia (se presenti).
Note
Per ogni esercizio può essere necessario creare più di uno script all’interno della pagina (anche se magari
nel testo c’è scritto creare uno script). Usa tutto quello che ti serve!
I sottoesercizi, dove presenti, possono essere visti come “versioni avanzate” degli esercizi principali. Potete
decidere di creare un file anche per ogni sottoesercizio (es3.html, es3a.hmtl, es3b.html) oppure di
consegnare direttamente un unico file che sia la versione dell’esercizio completa di tutti i punti (es3.html).
Nel caso scegliate la prima opzione ovviamente nella pagina iniziale dovranno essere presenti anche i link
alle pagine dei sottoesercizi.