to Top Page
Hot Web Guide
GUESTBOOK (Libro degli ospiti)
Consiglia il Sito ad un amico
BOOKMARK (Aggiungi ai Preferiti)
-
... / Guida Javascript / Istruzioni di output e input

Javascript: istruzioni di output e input

Document.write

Una istruzione di output molto importante in Javascript è document.write(), infatti se vogliamo scrivere in un documento Html usando Javascript, dobbiamo utilizzare la funzione predefinita document.write(), la cui sintassi è:

document.write("Testo")

...in tutte le istruzioni output è possibile utilizzare anche tag html nel suo interno.

Esempio di codice nell'Html:
<!DOCTYPE html>
<html>
<body>

<script language="Javascript">
document.write("Ciao! <b>Sono un testo in grassetto!</b>");
</script>

</body>
</html>

Risultato a video:
Ciao! Sono un testo in grassetto!

...oltre a document.write esistono altre semplici istruzioni di output e sono le finestre di dialogo.

Le Finestre di dialogo

Il metodo: alert()

Mediante alert abbiamo la possibilità di creare una finestre di avviso (output-box) che è una piccola finestra predefinita nel cui interno è possibile inserire messaggi personalizzati. L'unica facoltà concessa all'utente è di cliccare sul pulsante OK per chiudere la finestra.

Esempio di codice nell'Html:
<!DOCTYPE html>
<html>
<body>

<script language="Javascript">
alert("Ciao! Sono un Avviso!");
</script>

</body>
</html>

Risultato a video:
Alert box

Il metodo: confirm()

Con il metodo confirm viene prodotta una finestra identica ad alert, ma con la possibilità di scegliere OK o Annulla, i quali restituiscono rispettivamente true o false .

Esempio di codice nell'Html:
<!DOCTYPE html>
<html>
<body>

<p>Click sul pulsante per visualizzare la confirm box.</p>

<button onclick="myFunction()">Confirm Box</button>

<p id="demo"></p>

<script>
function myFunction() {
var txt;
var r = confirm("Click su un pulsante !");
if (r == true) {
txt = "Hai premuto OK!";
} else {
txt = "Hai premuto Annulla!";
}
document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>


Risultato a video:
Confirm box

Il metodo: prompt()

L'istruzione di input con il metodo prompt è caratterizzato da una finestra di dialogo, per raccogliere informazioni dall'utente. Infatti la finestra visualizzerà un campo di testo al cui interno l'utente può inserire del contenuto. In questo caso se l'utente clicca su OK il metodo prompt restituisce il valore inserito, in caso contrario restituisce il valore null.

Esempio di codice nell'Html:
<!DOCTYPE html>
<html>
<body>

<p>Click sul pulsante per visualizzare il prompt box.</p>

<button onclick="myFunction()">Prompt Box</button>

<p id="demo"></p>

<script>
function myFunction() {
var person = prompt("Inserisci il tuo nome ", "Mario Rossi ");
if (person != null) {
document.getElementById("demo").innerHTML =
"Ciao " + person + "! Come stai?";
}
}
</script>

</body>
</html>


Risultato a video:
Prompt box

Come ritieni i contenuti del Sito Web ?
... dai il tuo giudizio!
Giudizio Utenti: 4,3 (Eccellente)
200 voti
Eccellente 38,1% (77)
Buono 56,9% (115)
Sufficente 3,5% (7)
Mediocre 0,5% (1)
Scarso 1% (2)