gioco del 15 online

Gioco del 15 online

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 […]

addEventListener

addEventListener

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, […]

gioco dadi online

Gioco dei dadi online

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 […]

math random javascript

Math random in JavaScript

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. […]

convertitore decimale binario online

Convertitore decimale binario

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. […]

cifrario di Cesare online

Cifrario di Cesare online

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 […]

jQuery slider

jQuery slider

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()

jQuery eq()

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()

jQuery fadeIn()

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 […]

jQuery hover()

jQuery hover()

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 […]