dom in javascript

Creare elementi nel DOM con javascript

Vedremo in questo articolo come creare elementi nel DOM con JavaScript. Nell’articolo precedente abbiamo visto che cosa è un DOM in javascript e abbiamo studiato i metodi per selezionare elementi in un pagina. Potete consultare l’articolo al seguente link:https://www.codingcreativo.it/dom-in-javascript/. Come creare elementi nel DOM con javascript L’elemento da creare può essere ad esempio un nuovo […]

dom javascript

Dom in javascript

Il dom in javascript è uno strumento che consente di accedere agli elementi di una pagina HTML. Il browser web, infatti, quando carica la pagina web crea il DOM (Document Object Model). Il DOM può essere visto come una struttura ad albero, come ad esempio questa: La struttura del DOM di questa pagina web è […]

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

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

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

metodo getElementById

Metodo getElementById()

In questa lezione presenterò altri esempi di utilizzo del metodo getElementById(), al fine di esercitarci ancora. Nell’articolo precedente https://www.codingcreativo.it/javascript-getElementById/ abbiamo già spiegato il funzionamento del metodo. Esempio 1 di utilizzo del metodo getElementById() Realizziamo dunque un primo esempio di utilizzo di getElementById(): dati in input base e altezza, calcolare l’area di un triangolo. Ecco come […]

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