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

De Wiki Eduard Lafitte
Jump to navigationJump to search
 
(Hi ha 4 revisions intermèdies del mateix usuari que no es mostren)
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 +="-";
}
  }
 
[[Categoria:ASIX]]
[[Categoria:Javascript]]

Revisió de 22:44, 26 ago 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=76619»