Riprendiamo l'esempio del metodo prompt() che abbiamo visto qualche lezione fa. Questo metodo ci restituisce quello che l'utente scrive all'interno della finestra di dialogo.
/* chiede all'utente di scrivere il suo nome e restituisce il nome dell'utente */ prompt("Scrivi il tuo nome","il tuo nome");
Possiamo sfruttare questa caratteristica ad esempio per "memorizzare" il nome dell'utente e andarlo a scrivere poi nel corpo della pagina. Per memorizzare il nome dell'utente, basta inserire il nome in una variabile.
Alla fine non ci resta che scrivere nel corpo della pagina (con un document.write() )la variabile memorizzata. Così:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Esempio</title>
</head>
<body>
<SCRIPT type="text/javascript">
nomeUtente=prompt("Scrivi il tuo nome","il tuo nome");
document.write("Benvenuto ");
document.write(nomeUtente);
</SCRIPT>
</body>
</html>
Da notare come il secondo document.write() dell'esempio non faccia uso di virgolette (per quanto il document.write() accetti soltanto delle stringhe), dal momento che il contenuto della variabile è già riconosciuto come stringa.
Ovviamente non è possibile usare questo esempio in un sito web, perché la pagina ci chiederebbe il nostro nome ogni volta che la carichiamo. Le variabili infatti hanno validità all'interno della singola pagina, dopodiché vengono distrutte, non c'è modo dunque di creare una variabile che si conservi nel tempo (almeno non in modo immediato). È stata una scelta degli ideatori di JavaScript, dovuta a motivi di sicurezza.
Per applicare concretamente l'esempio che abbiamo visto in un sito web dovremmo utilizzare qualche espediente per memorizzare i dati dell'utente (un ottimo metodo sarebbe sen'altro l'utilizzo di un cookie).
Ultimi articoli JavaScript
PhantomJS, headless browser per test con JavascriptIl tool ideale per realizzare, da terminale, operazioni in remoto su... |
Creare e leggere QR Code in JavaScriptApplicazioni 'QR Code enabled' per il Web e per il mobile,... |
Jquery UI Map: web-mapping con Google Maps e jQueryUn plugin di jQuery UI per intefacciare applicaizoni Web/mobile con... |
Scrollorama e Scrolldeck, slideshow d'effetto con jQueryPlugin jQuery per ottenere Slideshow con diversi effetti di scrolling |
jCanvas, un primo semplice graficoAlla scoperta della libreria jCanvas, per semplificare il disegno e... |
Guide JavaScript
Guida Node.jsIl framework che permette di per usare V8, l'interprete JavaScript... |
Canvas, guida ai frameworkCanvas, tra gli elementi di HTML5 è forse quello di maggior impatto.... |
Guida Javascript: tecniche avanzateUna guida dal taglio pratico per approfondire la programmazione a... |
Newsletter @JavaScript
Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso JQuery e Ajax per Webmaster03 Luglio 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |