creare codice divertendosi
In questo tutorial impareremo a creare il gioco del 15 online con JavaScript. Cliccate sul pulsante gioca e cominciate a muovere i numeri, semplicemente passandoci sopra, fino a riordinare il tutto. Quando avrete finito vi comparirà il messaggio di vittoria. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 […]
In questa lezione studieremo il metodo addEventListener di JavaScript. Dobbiamo premettere che questo metodo non è supportato dalla versione 8 di Internet Explorer e precedenti e dalla versione 6.0 di Opera e precedenti. La sintassi è la seguente: document.addEventListener(event, function, useCapture) Dove event, obbligatorio, è una stringa che specifica il nome dell’evento, ad esempio mouseover, […]
Realizziamo in questa lezione un semplicissimo gioco dei dadi online, utilizzando la funzione math random appena studiata. Il gioco consiste semplicemente nel tirare i dadi e se la somma dei due dadi è superiore o uguale a 10 si vince, altrimenti si perde. Provate dunque a lanciare i dadi sotto. Lancia i dadi Per realizzare […]
In questa lezione impareremo ad utilizzare la funzione math random in JavaScript. Facciamo subito un esempio di utilizzo della funzione math random che serve a generare i numeri casuali. Se cliccate sul pulsante si genera un numero casuale tra 0 e 100 e se fate la prova a ricliccare sul pulsante chiaramente il numero cambia. […]
In questa lezione impareremo a realizzare un convertitore decimale binario online in JavaScript. Anzi faremo in modo di convertire il numero decimale in binario, in ottale ed esadecimale. Fate la prova ad inserire un numero decimale nella casella di input. Vedrete che in automatico nelle altre caselle comparirà la conversione negli altri sistemi di numerazione. […]
Sviluppiamo in questa lezione il cifrario di Cesare online utilizzando JavaScript. Fate la prova ad inserire un testo nella casella di input testo in chiaro e scegliete anche una chiave numerica, dopo cliccate sul pulsante cifra per ottenere il testo cifrato. Testo in chiaro Chiave Testo cifrato Se ad esempio provate ad inserire CODINGCREATIVO con […]
In questo tutorial impareremo a creare un semplicissimo jQuery slider. Realizzeremo questo slider utilizzando i metodi che abbiamo studiato in precedenza, ma più avanti vedremo altri metodi con cui poter realizzare uno slider in jQuery. Quindi i metodi che ci serviranno per questo esempio sono: fadeIn(), fadeOut(), eq(), click(), addClass() e removeClass(). Esempio di utilizzo […]
jQuery eq() method è un metodo che serve ad individuare elementi specifici all’interno di un set di elementi. All’interno del metodo eq() si specifica infatti un indice che indica la posizione dell’elemento che vogliamo selezionare. La sintassi è dunque questa: $(selettore).eq(indice) dove indice rappresenta un numero intero. Quindi se, data una serie di voci di […]
jQuery fadeIn() method serve a mostrare un elemento ma con un effetto a dissolvenza. Questo metodo infatti è molto simile a show(), così come il metodo fadeOut() è simile a hide(). La sintassi infatti è questa: $(selettore).fadeIn(velocità, modalità, funzione) $(selettore).fadeOut(velocità, modalità, funzione) Ricordiamo inoltre che i parametri indicati sono opzionali e si possono anche utilizzare […]
In questa lezione studieremo il metodo jQuery hover(). Nella scorsa lezione abbiamo studiato i metodi mouseover(), mouseout(), mousemove(), mouseenter() e mouseleave(), cercando di capirne le differenze d’uso. Il metodo hover() specifica due funzioni da eseguire quando il mouse passa sopra l’elemento e quando si allontana. La prima funzione specifica cosa succede quando il puntatore del […]