3. Cos’è JavaScript?
• JavaScript è un linguaggio di programmazione che
viene utilizzato per le pagine web. Come dice il nome,
JavaScript, si può capire che è un linguaggio basato
sullo scripting.Ecco un esempio:
Menu
4. Come iniziare con JavaScript
Per iniziare ad usare JavaScript, bisogna disporre di un block notes.
Una volta aperto il block notes
trascrivere il codice come
raffigurato nell’immagine e
salvare in .html
Script Language
confirm
document.write
prompt
alert
Menu
5. Script Language
Lo script language è la dichiarazione del linguaggio scripting utilizzato.
<script language=«JavaScript»>
</script>
In questo caso ho dichiarato,che il linguaggio scripting che utilizzerò sarà
il JavaScript.
Iniziare
con:
6. Document.Write
Il document.write è una stringa che permette di scrivere sul corpo della
pagina cio che si desidera
<script language=«JavaScript»>
Document.write(«Ciao mondo»);
</script>
Iniziare
con:
7. Alert
L’alert(«») è una stringa che mostra sul browser una finestra con un
pulsante ok
<script language=«JavaScript»>
alert(«Ciao mondo»);
</script>
Iniziare
con:
8. confirm
Il confirm(“”) è una stringa che mostra sul browser una finestra che
presenta due bottoni: ok e annulla
<script language=«JavaScript»>
confirm(«Ciao mondo»);
</script>
Iniziare
con:
9. prompt
Il prompt è una stringa che mostra nel browser una finestra contenente
una textbox compilabile e due pulsanti con scritto ok o annulla.Per
dichiarare una variabile numerica si mette o parseint o un *1
<script language=«JavaScript»>
x = prompt(«Inserisci variabile x: », « »);
</script>
Iniziare
con:
10. Le funzioni
Le funzioni sono un comodo contenitore in cui racchiudere il codice. Anziché “sporcare la pagina”
mischiando codice HTML e linguaggio JavaScript, è sufficiente inserire il codice in una funzione e
richiamare la funzione quando occorre.
function nomeFunzione()
{
// qui il nostro codice
}
Menu
11. Cicli
Per ciclo essenzialmente ci riferiamo ad una serie di istruzioni che possono essere espresse in una
forma sintetica attraverso una iterazione così da non ripetere tante volte la stessa operazione
I cicli che vedremo saranno:
If Else While ForDo While Switch
Menu
12. If Else
L’If and Else in italiano significano «se». Quindi «se» un numero è maggiore di x
allora fai questo «se» invece non è vero fai quest’altro.
Cicli:
13. While
Il ciclo while dura fino a quando la condizione è vera. Per far questo dobbiamo necessariamente far
variare la condizione all'interno del ciclo.
<html>
<head>
<script language="JavaScript">
var i = 0;
document.write("Starting Loop" + "<br />");
while (i < 10)
{
document.write("Current Count : " + i + "<br />");
i++;
}
document.write("Loop stopped!");
</script>
</head>
</html>
Cicli:
14. Do While
<html>
<head>
<script language="JavaScript">
var i = 0;
document.write("Starting Loop" + "<br />");
do
{
document.write("Current Count : " + i + "<br />");
i++;
}
while (i <= 5);
document.write("Loop stopped!");
</script>
</head>
</html>
Il do…while ha un funzionamento del tutto analogo al while, solo che l’istruzione viene eseguita prima che la
condizione venga valutata: in questo modo si ha la certezza che l’istruzione venga eseguita almeno una volta.
Cicli:
15. For
• <html>
• <head>
• <script language="JavaScript">
• var i;
• document.write("Starting Loop" + "<br />");
• for(i = 0; i <= 10; i++)
• {
• document.write("Current Count : " + i );
• document.write("<br />");
• }
• document.write("Loop stopped!");
• //-->
• </script>
• </head>
• </html>
l ciclo di for è un comodo modo per eseguire in una volta sola: la valutazione di una condizione e l’incremento di
un indice fittizio per eseguire le ripetizioni.
Cicli:
16. Switch
• <html>
• <head>
• <script language="JavaScript">
• x = prompt("Insert your valutation")
• switch (x)
• {
• case 'A': document.write("Good job<br />");
• break;
• case 'B': document.write("Pretty good<br />");
• break;
• case 'C': document.write("Passed<br />");
• break;
• case 'D': document.write("Not so good<br />");
• break;
• case 'F': document.write("Failed<br />");
• break;
• default: document.write("Unknown grade<br />")
• }
• </script>
• </head>
• </html>
Lo switch non è nient’altro che un particolare caso di if particolarmente ramificato, in cui vine presa in esame
un’unica variabile che può assumere differenti valori, e conseguentemente esistono molteplici else if. In pratica il
diagramma di flusso dello switch è il medesimo dell’else if:
Cicli:
17. Variabili locali e globali
Le cose che vedremo saranno:
Variabili locali Variabili Globali
Menu
18. Variabili locali
Una variabile locale è una variabile definita all'interno di un metodo.
Solo quel metodo è autorizzato ad accedere alla variabile.
<html>
<head>
<script language="JavaScript">
x = 5
function ciao()
{
x+=5
document.write("Esempio di variabile globale: " +x)
}
function hello()
{
y = 5
document.write("Esempio di variabile locale y: " +y)
}
function hello1()
{
y = 6
document.write("Esempio di variabile locale y-1: " +y)
}
ciao()
hello()
hello1()
</script>
</head>
</html>
Variabili
19. Variabili Globali
Col termine variabili globali vengono generalmente indicate quelle
variabili dichiarate al di fuori di un sottoblocco di programma, e che
sono visibili in uno o più sottoblocchi, dipendentemente dalla struttura
del programma stesso. <html>
<head>
<script language="JavaScript">
x = 5
function ciao()
{
x+=5
document.write("Esempio di variabile globale: " +x)
}
ciao()
</script>
</head>
</html>
Variabili