Tabella moltiplicativa

Chiede il numero di righe e il numero di colonne e visualizza la tabella pitagorica corrispondente Controlla la correttezza dei dati inseriti. Aggiunge la riga e la colonna d’intestazione tramite th. Tramite style le celle hanno tutte la stessa larghezza e le celle di tipo td hanno allineamento a destra.

Equazione di II grado

Chiede i 3 dati numerici e calcola le soluzioni dell’equazione di II grado. Per a=0 risolve l’equazione di I grado corrispondente. La comunicazione avviene con prompt() e alert().

Minimo di tre

Chiede i 3 dati numerici e, dopo aver controllato che siano stati inseriti correttamente, calcola il minimo e lo visualizza La comunicazione avviene con prompt() e alert().

Data e ora?

Estrarre tutte le informazioni dell’oggetto Date()

Le stesse informazioni con tecnica e rappresentazione diversa.

Window > Eventi

onblur Returns the event handling code for the blur event. onclick Returns the event handling code for the click event. ondblclick Returns the event handling code for the dblclick event. onfocus Returns the event handling code for the focus event. onkeydown Returns the event handling code for the keydown event. onkeypress Returns the event handling … Leggi tutto

Window > Metodi

addEventListener addEventListener allows the registration of event listeners on the event target. appendChild The appendChild method inserts the specified node into the list of nodes on the current document. blur The blur method removes keyboard focus from the current element. click The click method excecutes a click on the current element. cloneNode The cloneNode method … Leggi tutto

Window > Proprietà

window._content Returns a reference to the content element in the current window. window.closed This property indicates whether the current window is closed or not. window.Components Returns an array of the components installed in the browser. window.controllers Returns the XUL controller objects for the current chrome window. window.crypto Returns the browser crypto object window. defaultStatus Gets/sets … Leggi tutto

Quale browser?

Quale browser utilizza l’utente? Bisogna indagare su alcune proprietà di window.navigator e in particolare su navigator.userAgent. navigator.appCodeName: navigator.appName: navigator.appVersion: navigator.userAgent:

Gestione degli eventi

Il pulsante sottostante è sotto controllo… prova a cliccarci sopra Il codice

è assegnato al gestore di evento onclick dell’elemento input di tipo button

Lo stesso risultato si può ottenere con un collegamento ipertestuale: Collegamento Il codice

Eventi intrinseci

Un evento viene catturato e affidato al gestore corrispondente. Ad ogni gestore di evento è possibile associare uno script. Si possono associare diversi gestori ad ogni elemento e lo script può essere molto lungo o richiamare delle funzioni molto complesse. Gli eventi possono essere automatici oppure provocati dall’interazione dell’utente Eventi automatici onload onunload … Eventi provocati … Leggi tutto