Con questo articolo vi mostro come creare una firma con copyright e data dinamica usando Javascript.

Bene, cominciamo subito.

Questo è il risultato che dobbiamo ottenere:

Copyright © 2018 Massimo Martini

ovviamente la data si aggiornerà in modo dinamico in base all’anno corrente. Per farlo, useremo HTML e Javascript.

Di seguito il codice da scrivere:

Cerchiamo di comprenderlo.

1. Creiamo il codice contenitore che ospiterà il nostro messaggio, il tag html <div></div>,  gli assegnamo un attributo id in modo che venga individuato dalla richiesta javascript.
2. Fra i tag <script></script> andiamo a creare il nostro codice javascript, che eseguirà tutto il lavoro.
3. Creiamo la variabile var data che ospita l’istanza di creazione dell’oggetto data()
4. Creiamo la variabile var anno che ospita la chiamata dell’oggetto data appena creato, che associato al metodo get.FullYear(), assegna alla variabile var anno  il valore dell’anno corrente.
5. Creiamo la variabile var el che ospita l’oggetto document (che è la nostra pagina web), associato al metodo getElementById() che individua il nostro contenitore html creato prima, passandogli il valore ‘firma’ che è l’id del nostro contenitore.
6. Alla variabile el concateniamo l’attributo innerHTML, che ci permette di assegnargli il codice html da mostrare, il quale è concatenato tramite il + con la variabile anno, contenente l’anno in corso.

Fatto! Con queste poche righe di codice, abbiamo creato una funzione presente in tutti i siti web.

Spero che questo piccolo tutorial possa esservi di aiuto.

Seguimi sui miei social Facebook, Twitter, Linkedin e Pinterest per rimanare aggiornato sui nuovi lavori consegnati e work in progress!