Javascript - Lezione 8: Primi programmi

Vediamo come iniziare a fare i primi programmi. Abbiamo già spiegato come fare dei chackbox su questa pagina, e andiamo a definire quindi un form:


<form method="get" onsubmit="mimmo()" name="formaggio">
<input type="checkbox" value="ok" name="scelta">Parmigiano
<br>
<input type="checkbox" value="ok" name="scelta">Gorgonzola
<br>
<input type="checkbox" value="ok" name="scelta">Taleggio
<br>
<input type="checkbox" value="ok" name="scelta">Pecorino
<br>
<input type="submit" value="Controlla">
</form>

Il nostro form sarà così fatto:


Parmigiano
Gorgonzola
Taleggio
Pecorino

Ma non essendoci collegato nessun javascript, questo non farà nulla.

Andiamo quindi a creare il nostro script. Creeremo la nostra funzione che sarà collegata a un form questa volta nuovo, facciamo che sia rivolto a una scelta di un ristorante. Dovremmo andare a dire nel nostro function il nome del onsubmit, dove deve andare a prendere, poi inserire if, inserendo le chackbox collegate con il nome del form. In altre parole:

<script type="text/javascript">
function insalate()
{
if (pranzo.scelta[0].checked)
{
alert ("Il cliente vuole la lattuga")
}
}
</script>

Una volta creato il nostro nuovo form:


<form method="get" onsubmit="insalate()" name="pranzo">
<input type="checkbox" value="ok" name="scelta">Lattuga
<br>
<input type="checkbox" value="ok" name="scelta">Scarola
<br>
<input type="checkbox" value="ok" name="scelta">Erbette
<br>
<input type="checkbox" value="ok" name="scelta">Spinacio
<br>
<input type="submit" value="Controlla">
</form>

Si presenta così, ed è da provare:


Lattuga
Scarola
Erbette
Spinacio


Per cui, alla fine, per avere uno script complete con tutte le eventualità, sarà:

<script type="text/javascript">
function insalate()
{
if (pranzo.scelta[0].checked)
{
alert ("Il cliente vuole la lattuga")
}
else if (pranzo.scelta[1].checked)
{
alert ("Il cliente vuole la scarola")
}
else if (pranzo.scelta[2].checked)
{
alert ("Il cliente vuole le erbette")
}
else if (pranzo.scelta[3].checked)
{
alert ("Il cliente vuole lo spinacio")
}
}
</script>

Che lo si può vedere in questa pagina.

Nessun commento:

Posta un commento

Ti ringrazio per ogni commento, appunto, modifica o richiesta di chiarimento. Mantenendo sempre un tono civile. Ogni commento che non rispetta tali regole, sarà eliminato, sopratutto se fatto in maniera anonima. TI ricordo che cerchiamo nuovi collaboratori o appunti, per implementare il materiale presente sul sito.

Related Posts Plugin for WordPress, Blogger...