Un primo semplice esempio per capire il funzionamento base di JavaScript.
Proseguiamo il nostro viaggio nel mondo di Javascript, abbreviato JS. Abituiamoci da subito a creare una gerarchia di cartelle per i nostri siti web. E’ riduttiva ma non molto dissimile dalla struttura di un sito web professionale. Cartella esercizio 00, dentro creiamo un file index.html, poi tre cartelle: js, css, img
Esercizio00
|
|-css
|-img
|-js
index.html
Innanzi tutto le variabili di JavaScript non sono tipizzate. A differenza del C++ ed altri linguaggi compilati, per dichiarare una variabile in js basta la dicitura:
var nomevariabile;
Con l’ultimo standard ES6 del 2015, viene introdotto anche il tipo let. Diciamo che per gli studenti sui banchi di scuola è una finezza di poco conto: var ha scopo globale in un intero script/file, mentre let è localizzato solo alla singola funzione o parentesi graffa in cui è dichiarato, fuori non è visibile o usabile. Si può anche non specificare var o let, ma solo il nome della variabile magari con una assegnazione diretta. Verrà comunque intesa come var globale. Let e var sono finezze per la gestione ottimale della memoria ma su codici complessi, i nostri esempi non risentiranno molto della differenza. Buona abitudine è anche imparare ad utilizzare il tipo const che si utilizza per dichiarare variabili che non devono e non verranno modificate nel contenuto durante lo script se non una tantum in dichiarazione stessa. Le utilizzeremo soprattutto per le maniglie degli actionListener degli eventi.
//Un semplice script per vedere il funzionamento base del JavaScript
//Come si importa un file esterno da pagina HTML, come si scrivono stringhe o tag HTML
//Un semplice esempio con if e la funzione/oggetto Date, e le variabili non tipizzate
document.write("Hello World");
document.write("<br><br>");
var today = new Date();
var hour = today.getHours();
if (hour < 12 && hour > 6 )
document.write("<h2>Buon Giorno!</h2>");
else
document.write("<i>Buona Sera!</i>");
pippo = 10;
document.write("<br><br>"+pippo);
//ESERCIZIO: come stamperesti buon giorno e buona sera con due colori diversi?Trovate allegato un file Zip col codice completo di pagina html e css in una struttura a cartelle standard per le prossime esercitazioni.
Ultima modifica 3 Giugno 2023