4C_Esercizi JavaScript

Transcript

4C_Esercizi JavaScript
Esercizi 1
Fondamentali JavaScript :
POP UP BOXES
Si possono creare tre tipi diversi di finestre che sbucano sullo schermo ("popup
windows").
Attraverso i seguenti tre bottoni, mostrare il funzionamento delle tre differenti
finestre.
Alert
Confirm
Prompt
ALERT BOX
La sintassi per un' alert box ("casella di allarme") è:alert("yourtext");
L'utente dovrà cliccare su "OK" per procedere.
Si usa generalmente quando si vuole essere sicuri che una certa informazione arrivi all'utente.
Normalmente si tratta di avvertimenti di ogni genere.
CONFIRM BOX:
La sintassi per un confirm box ("casella di conferma") è:confirm("yourtext");
L'utente deve cliccare su "OK" o "Cancel" per procedere.
Si usa generalmente quando si vuole che l'utente verifichi o accetti qualcosa.
Esempi tipici sono la verifica dell'età, come "Confermi di avere più di 57 anni" o informazioni
tecniche come "Hai un plug-in per Shockwave Flash?"
 Se l'utente clicca su "OK", la casella rimanda il valore true.
 Se l'utente clicca su "Cancel", la casella rimanda il valorefalse.
if (confirm("Sei d'accordo?")) {alert("Sono d'accordo")}
else{alert ("Non sono d'accordo")};
PROMPT BOX:
La sintassi per il prompt box ("casella di informazioni") è:prompt("yourtext","defaultvalue");
L'utente dovrà cliccare su "OK" o "Cancel" per procedere dopo avere inserito il testo.
Generalmente viene usato quando l'utente deve inserire una certa informazione prima di
accedere alla pagina.
Un esempio è l'inserimento del nome dell'utente che verrà in seguito memorizzato in un cookie,
oppure l'inserimento di una parola d'ordine o di un codice di qualsiasi tipo.
 Se l'utente clicca su "OK" la casella permette l'entrata.
 Se l'utente clicca su "Cancel", la casella rimanderà l'informazione null.
Siccome in genere viene fatto un qualche uso dell'informazione inserita nella casella, è
normale immagazzinare l'input in una variabile, come ti mostra l'esempio qui sotto:
username=prompt("Inserisci il tuo nome per favore","Inserisci
qui il tuo nome");
Esercizio 2
Si richiede di creare una lista di Nomi (ad esempio un array di nomi), i cui valori sono in ordine
alfabetico. Attraverso una finestra di tipo prompt , inserire un nuovo nome. Ciascun nuovo nome
dovrà essere inserito alla fine della lista dei nomi.