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

galleria javascript

Galleria di immagini con javascript

Creiamo in quest’articolo una semplice galleria di immagini con javascript, utilizzando gli array spiegati nella precedente lezione. Per il momento non utilizzeremo le JQuery, ma più avanti farò un esempio di una galleria di immagini con l’uso di questa libreria. Esempio di galleria di immagini con javascript L’esempio realizzato prende delle immagini da una cartella […]

array javascript

Array in javascript

In quest’articolo affronteremo gli array in javascript, al fine di creare insiemi organizzati di dati omogenei. Javascript, come tutti i linguaggi di programmazione, permette la creazione e la gestione degli array. Definizione di array in javascript Per definire un array si utilizza questa sintassi: var foto=new Array(); Si sfrutta così l’oggetto Array(). All’interno di Array() […]

validare form javascript

Validare un form in javascript

Oggi vedremo come validare un form in javascript, ovvero garantire prima dell’invio dei dati che l’utente abbia immesso dei dati validi o quantomeno ‘abbastanza validi’. Ecco come dovrà essere l’esempio del form in javascript. Provate ad inserire i dati e cliccate sul pulsante invia. Nome Telefono Email: Password Conferma password: Esempio di possibile risoluzione: validare […]

getElementById javascript

JavaScript getElementById

Oggi parleremo di javascript getElementById, ovvero introduciamo questo utilissimo metodo per operare sul DOM della pagina. Come utilizzare il metodo getElementById() Il metodo getElementById() dell’oggetto document, restituisce l’elemento della pagina HTML, avente l’id uguale a ciò che è specificato tra parentesi. document.getElementById(“#id“) Ricordiamo, quando abbiamo studiato i selettori nei CSS, che gli id devono essere […]

javascript prompt

JavaScript prompt

In quest’articolo parleremo di javascript prompt, cioè delle finestre che richiedono l’immissione di un dato da parte di un utente. Il metodo prompt() consente dunque di far apparire delle finestre per interagire con l’utente. Esempio di uso di javascript prompt Vogliamo realizzare questo esempio: quando clicchiamo sul pulsante inserisci il nome, comparirà la finestra di […]

javascript confirm

JavaScript confirm

In quest’articolo parleremo di javascript confirm, cioè della modalità per creare una finestra dove l’utente può effettuare una scelta. Con il metodo confirm(), a differenza del metodo alert(), la comunicazione non è unilaterale ma bilaterale. Esempio 1 con javascript confirm Facciamo subito un esempio. Provate ad inserire i dati nei campi sotto e dopo cliccate […]

javascript alert

JavaScript alert

In questo tutorial parleremo dei javascript alert, cioè le finestre di avviso dette anche window alert(), che comunicano all’utente un determinato messaggio. Alert() è dunque un metodo dell’oggetto window, che serve a mostrare una finestra di avviso. L’oggetto window è quindi l’oggetto principale di javascript e rappresenta l’intera finestra del browser. Ha anche tanti metodi […]

tutorial javascript

Tutorial JavaScript

Questo tutorial JavaScript è ricco di numerosi script per ogni argomento trattato, in questo modo sarà quindi più semplice apprendere il linguaggio JavaScript. JavaScript è un linguaggio interpretato. Questo vuol dire che non viene compilato, dunque ogni comando viene eseguito direttamente dal browser. Infatti è un linguaggio utilizzato nella programmazione web lato client, mentre nella […]