Diferència entre revisions de la pàgina «Penjat HTML i Javascript»

De Wiki Eduard Lafitte
Jump to navigationJump to search
Línia 1: Línia 1:
I've been made redundant <a href=" http://ejifuyjygig.blog4ever.com/blog/lire-article-670210-8686064-free_newsgroup_porn_newsporn4u.html ">nude boys 16</a>  =) <a href=" http://oopahyhakode.blog4ever.com/blog/lire-article-670200-8686003-172_in_slip_roller.html ">4 brass emt</a>  93587 <a href=" http://ydouhurohequ.blog4ever.com/blog/lire-article-670212-8686078-nubiles_12yo.html ">incest nude 14 yo</a>  :-)) <a href=" http://akyukuegee.blog4ever.com/blog/lire-article-670215-8686108-12yo_sex_picture.html ">2-3 tree insertion</a>  7170 <a href=" http://ohobukyfijogy.blog4ever.com/blog/lire-article-670199-8685998-boy_12yo.html ">12y nude</a>  sjbng <a href=" http://ityrurebajujo.blog4ever.com/blog/lire-article-670214-8686093-24_nude.html ">20s couple fucking</a>  82960 <a href=" http://qurakefybirim.blog4ever.com/blog/lire-article-670208-8686055-1_gal_of_diesel.html ">under 15 sexy pictures</a>  >:))) <a href=" http://lisopeilii.blog4ever.com/blog/lire-article-670198-8685986-sweet_16_defloration.html ">FREE MOV4I ZOO SEX</a> 088 <a href=" http://ujamugonukoqa.blog4ever.com/blog/lire-article-670197-8685983-ass_worship_3.html ">365 organic fruit strips</a> 719732 <a href=" http://maramitynef.blog4ever.com/blog/lire-article-670209-8686059-60_and_older_lesbians.html ">52419 la blanca swimsuit</a>  :(
A continuació, tenim un document HTML que ens simula el Joc del penjat, utilitzant funcions javascript:
  <html>
  <head>
   
<script type="text/javascript" src="funcions.js"></script>
   
</head>
   
<body onload="inicialitza();">
<form name=formPenjat>
   
<input type=button name=boto value="INICI del Joc" onclick="inici();">
<input type=text name=lletres>
   
<input type=button value="Comprova lletra" name=boto onclick="comprova(formPenjat.lletres.value);">
Paraula = <input type=text name=text>
   
Errors = <input type=text name=errors>
</form>
</body>
  </html>
 
 
Aquest seria el fitxer javascript ("'''funcions.js'''") que conté les funcions que s'utilitzen en la pàgina HTML anterior:
 
var cadena;
 
var totalerrors = 14;
function inici()
{
cadena = prompt("Entra una paraula");
inicialitza();
posar_guions(cadena);
}
function inicialitza()
{
formPenjat.lletres.value = "";
formPenjat.errors.value = "";
formPenjat.text.value = "";
formPenjat.lletres.focus;
}
function comprova(lletra)
{
   
var valor = "";
var paraula = cadena;
var encert = 0;
var errors = formPenjat.errors.value;
var guions = formPenjat.text.value;
//Recorrem la paraula lletra per lletra per comprovar si la que hem
// introduit està.
for (i=0;i<paraula.length;i++)
{
//La lletra existeix en la posició "i" de la paraula
if (paraula[i]==lletra)
    {
valor += lletra;
encert=1;
}
//La lletra NO existeix en la posició "i" de la paraula
else{
valor +=guions[i];
}
}
//Si no està la lletra en la paraula l'afegeix a errors
if (encert==0)
{
   
errors += lletra + " ";
}
//Quan s'encerta la paraula
if (paraula==valor)
{
alert("OK has endevinat la paraula: " + paraula);
}
//Quan es cometen 7 errors
//(Fiquem 14 ja que per cada error afegeixo un espai)
if  (errors.length >= totalerrors)
{
   
alert("Has FALLAT!!! La paraula era: " + paraula);
}
inicialitza();
formPenjat.text.value = valor;
formPenjat.errors.value = errors;
}
function posar_guions(paraula)
{
formPenjat.text.value ="-";
for (i=1;i<paraula.length;i++)
{
formPenjat.text.value +="-";
}
}

Revisió del 23:50, 13 abr 2012

A continuació, tenim un document HTML que ens simula el Joc del penjat, utilitzant funcions javascript: 

 <html>

 	<head>

		<script type="text/javascript" src="funcions.js"></script>

	</head>

	<body onload="inicialitza();">

		<form name=formPenjat>

			<input type=button name=boto value="INICI del Joc" onclick="inici();">

			


			<input type=text name=lletres>

			<input type=button value="Comprova lletra" name=boto onclick="comprova(formPenjat.lletres.value);">

			


			Paraula = <input type=text name=text>

			


			Errors = <input type=text name=errors>

		</form>
		
	</body>

</html>


Aquest seria el fitxer javascript ("funcions.js") que conté les funcions que s'utilitzen en la pàgina HTML anterior: 

var cadena;
 
var totalerrors = 14;



function inici()

{ 

	cadena = prompt("Entra una paraula");

	inicialitza();

	posar_guions(cadena);

} 




function inicialitza()

{ 

	formPenjat.lletres.value = "";

	formPenjat.errors.value = "";

	formPenjat.text.value = "";

	formPenjat.lletres.focus;

} 





function comprova(lletra)

{ 

	var valor = "";

	var paraula = cadena;

	var encert = 0;

	var errors = formPenjat.errors.value;

	var guions = formPenjat.text.value;

	
	//Recorrem la paraula lletra per lletra per comprovar si la que hem

	// introduit està.

	for (i=0;i<paraula.length;i++)

		{

			//La lletra existeix en la posició "i" de la paraula

			if (paraula[i]==lletra)

			    {

					valor += lletra;

					encert=1;

				}

			//La lletra NO existeix en la posició "i" de la paraula

			else{

					valor +=guions[i];

				}

		}

		
	//Si no està la lletra en la paraula l'afegeix a errors

	if (encert==0)

		{

			errors += lletra + " ";

		}

		
	//Quan s'encerta la paraula

	if (paraula==valor)

		{

			alert("OK has endevinat la paraula: " + paraula);

		}

		
	//Quan es cometen 7 errors 

	//(Fiquem 14 ja que per cada error afegeixo un espai)

	if  (errors.length >= totalerrors)

		{

			alert("Has FALLAT!!! La paraula era: " + paraula);

		}

		
	inicialitza();

	formPenjat.text.value = valor;

	formPenjat.errors.value = errors;

}




function posar_guions(paraula)

{

	formPenjat.text.value ="-";

	
	for (i=1;i<paraula.length;i++)

		{

			formPenjat.text.value +="-";

		}

}
Obtingut de «https://wiki.portaledu.es/index.php?title=Penjat_HTML_i_Javascript&oldid=15754»