Dopo una lunga pausa estiva torno sul blog e mi permetto di regalare a tutti i miei amici un giochino che ci permette di lavorare con Javascript e di apprenderne alcune fondamentali nozioni.
Ecco il codice da inserire tra i tag <head></head> della nostra pagina web:
<script>
document.open()
Bar= "";
Par="";
penalita=0;
Gias="";
indovinate=0;
function script2()
{ var e = document.getElementById("pippo");
if (e.style.visibility == 'hidden')
{e.style.visibility = 'visible';
e.style.display = 'block';}
else {e.style.visibility = 'hidden';
e.style.display = 'none';}
Parola=document.GG.testo.value;
Barrette="";
Barrette_A=new Array();
Barrette_B=new Array();
for (i=0;i<=Parola.length -1;i=i+1)
{Barrette= Barrette + "_ ";
Barrette_A[i]= Parola.slice(i,i+1);
Barrette_B[i]= "_";}
document.GG.ris.value=Barrette;
document.GG.lab.value="Parola di "+ i +" lettere";
window.status='Gioco dell impiccato';
document.GG.pro.focus();
}
function script1()
{ Bar ="";
punto=0;
for (i=0;i<=Parola.length-1 ;i=i+1)
{ punto=(punto+1);
if(document.GG.pro.value==Parola.slice(i,i+1))
{ Barrette_B[i]=Barrette_A[i];
punto = (punto-1);
indovinate= (indovinate+1) }
if (punto>= (Parola.length) )
{ alert ("sbagliato");
penalita= (penalita+1);
Gias=Gias+document.GG.pro.value+" , ";}
Bar=Bar + Barrette_B[i];}
document.GG.ris.value=Bar;
document.GG.pro.value="";
document.GG.pro.focus();
document.GG.Gia.value=Gias;
if (penalita== 1){document.GG.note.value="Errore 1 di 6 \n Ho piantato il palo! ";window.status="Errore 1 di 6"}
if (penalita== 2){document.GG.note.value="Errore 2 di 6 \n Ho fissato la corda!";window.status="Errore 2 di 6"}
if (penalita== 3){document.GG.note.value="Errore 3 di 6 \n Ho fatto il nodo!";window.status="Errore 3 di 6"}
if (penalita== 4){document.GG.note.value="Errore 4 di 6 \n Ho messo la corda al collo!";window.status="Errore 4 di 6"}
if (penalita== 5){document.GG.note.value="Errore 5 di 6 \n Incomincio a tirare!";window.status="Errore 5 di 6"}
if (penalita== 6)
{document.GG.note.value="Ritenta!";
alert ("Sei Morto! La Parola é : "+Parola);window.status="Gioco dell impiccato."}
if (indovinate==Parola.length){alert ("Complimenti!\n Hai Vinto!");}
}
document.close()
</script>
Scusatemi per i nomi delle variabili ma a me vengono fuori così.
A questo punto tra i tag <body></body> inseriremo questo codice HTML:
<form name="GG">
<table align="center">
<tr><td align="center"><div id="pippo"> <input type="text" name="testo" value="scrivi quì la tua parola" align="absmiddle"/></div></td></tr>
<tr><td align="center"><input type="button" value="Nascondi/Rivedi" onClick="script2()" /></td></tr>
<tr><td align="center">Note :</td></tr>
<tr><td align="center"><input type="text" name="lab" readonly="true"/></td></tr>
<tr><td align="center">Parola :</td></tr>
<tr><td align="center"><input type="text" name="ris" readonly="true"/></td></tr>
<tr><td align="center">Lettera :</td></tr>
<tr><td align="center"><input type="text" name="pro" size="1" maxlength="1" /></td></tr>
<tr><td align="center"><input type="button" value="Prova" onClick="script1()" /><input type="Button" value="Reset" onClick="window.status='Gioco dell impiccato';location.reload(1)"/></td></tr>
<tr><td align="center">Già scritte :</td></tr>
<tr><td align="center"><textarea name=Gia scroll=yno cols=20 rows=2 value='' readonly="true"></textarea></td></tr>
<tr><td align="center">Situazione :</td></tr>
<tr><td align="center"><textarea name=note scroll=yno cols=20 rows=4 value='' readonly="true"></textarea></td></tr>
</table>
</form>
(C.I.P copia incolla prova)
1 commento:
Feel good......
Posta un commento