javascript canvas

JavaScript canvas

In questo breve articolo parleremo dei JavaScript canvas, cioè uno strumento utile per tracciare linee, disegni, immagini e figure geometriche all’interno di una pagina web. Quindi facciamo una precisazione: canvas è un tag introdotto con HTML5 e può essere utilizzato per disegnare, quanto detto sopra, utilizzando un linguaggio di script. Esempio 1 di utilizzo di […]

calcolatrice javascript

Calcolatrice con javascript

Realizziamo in quest’articolo una semplice calcolatrice con javascript, per spiegare ancora il metodo getElementById(). Anche questo è un semplice esercizio proposto a scopo didattico, in seguito svilupperemo lo stesso esercizio utilizzando le JQuery. Sviluppo di una calcolatrice con javascript Il semplice esempio di calcolatrice che realizzeremo oggi utilizza HTML, CSS e anche JavaScript. Ecco dunque […]

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

reset css

Reset CSS

Reset CSS – In quest’articolo parleremo dei CSS e dei valori di default dei vari browser e come resettarli. Nella programmazione dei CSS si rende necessario infatti azzerare questi valori di default, in quanto altrimenti si avranno layout differenti per ogni diverso browser. Uno dei metodi più utilizzati per fare il reset css è quello […]

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

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