12 febbraio 2013 – 4AInf
Da consegnare entro:____________________
Esercizio1 - document.write, prompt , oggetto Date
Usando javascript document.write(), prompt crea una tabella con tre colonne e numero di righe impostate
“dinamicamente” dall’utente tramite prompt (l'utente imposta il numero di righe-settimane di lezione).
1.
Prima colonna : giorno in formato stringa di ogni lezione di sistemi (lunedì, martedì, venerdì, sabato) da lunedi'
28 gennaio 2013 (inizio secondo quadrimestre)
2.
3.
Seconda colonna: riga vuota (&nbsp)
Terza colonna: numero di ore di sistemi trascorse fino a quel giorno (accumulatore, aumenta di 1
lunedì,martedì,sabato, di 2 venerdì)
Versione 1:
Usa l’oggetto Date di Javascript
● tutorial: http://www.w3schools.com/js/js_obj_date.asp
● reference: http://www.w3schools.com/jsref/jsref_obj_date.asp
in particolare
1. il costruttore
2. i metodi set e get
3. il metodo
var d= new Date(2013,0,21);
d.setDate(d.getDate()+7); //d=d+7
d.toLocaleDateString() che ritorna una stringa
L'elenco di tutti i metodi dell'oggetto Date() di libreria Javascript è consultabile alla pagina:
http://www.w3schools.com/jsref/jsref_obj_date.asp
Versione 2:
Modifica l’Esercizio 1 versione 2 in modo che la tabella venga creata in modo automatico (l'utente non deve piu'
impostare il numero di righe) riportando tutte le lezioni di sistemi dal 28 gennaio 2013 al 8 giugno 2013.
Suggerimento: per confrontare due date leggi il paragrafo “Compare two dates” in w3schools all'indirizzo
http://www.w3schools.com/js/js_obj_date.asp
Esercizio 2 - canvas
Usando javascript e
1. Un oggetto canvas di misura 500x500
2. i metodi Math.floor e Math.random ttp://www.w3schools.com/jsref/jsref_random.asp (che permettono di
generare numeri casuali fra 1 e 500)
3. i metodi che disegnano rettangoli ed archi su un canvas
4. un ciclo for che disegna un numero di figure controllato dall’utente (prompt)
realizza una versione MOLTO PIU' SEMPLICE di un disegno tipo
questo:
http://www.francescocauteruccio.info/html5/canvas/canvas.html
o questo:
http://www.francescocauteruccio.info/html5/canvas/random.html
