Presentazione JavaScript

Cos’è JavaScript

CicliCome iniziare

con JavaScript

Funzioni VariabiliLocali e Globali

Crediti

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

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

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:

Document.Write

Il document.write è una stringa che permette di scrivere sul corpo della

pagina cio che si desidera


Document.write(«Ciao mondo»);

</script>

Iniziare con:

Alert

L’alert(«») è una stringa che mostra sul browser una finestra con un

pulsante ok


alert(«Ciao mondo»);

</script>

Iniziare con:

confirm

Il confirm(“”) è una stringa che mostra sul browser una finestra che

presenta due bottoni: ok e annulla


confirm(«Ciao mondo»);

</script>

Iniziare con:

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


x = prompt(«Inserisci variabile x: », « »);

</script>

Iniziare con:

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

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

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:

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:

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:

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:

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:

Variabili locali e globali

Le cose che vedremo saranno:

Variabili locali Variabili Globali

Menu

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+=5document.write("Esempio di variabile globale: " +x)

}function hello()

{y = 5

document.write("Esempio di variabile locale y: " +y)}

function hello1(){

y = 6document.write("Esempio di variabile locale y-1: " +y)

}ciao()hello()

hello1()</script></head></html>

Variabili

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 = 5function ciao()

{x+=5

document.write("Esempio di variabile globale: " +x)}

ciao()</script></head></html>

Variabili

Presentazione JavaScript

Technology

Transcript of Presentazione JavaScript