creare codice divertendosi
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 […]
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 […]
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 – 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 […]
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. […]
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 […]