JAVASCRIPT - Checks Out

Checks Out

Compatibilidad: Ms Internet Explorer, Netscape
Juego de habilidad relacionado con las selecciones checkbox de los formularios HTML.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<HTML>
<HEAD>
<TITLE>Checks Out</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

<CENTER><B><H1>Checks Out</H1></B> <p>
<font size=2><b>
The object of the game is to make all checks disappear!
</font></b>
<hr>
<SCRIPT LANGUAGE='JavaScript'>

function fillall(){
	for (var i = 0; i < 24; i++) {
		document.form.elements[i].checked=1
	}
}

function clearall(){
	for (var i = 0; i < 24; i++) {
		document.form.elements[i].checked=0
	}
}

function level1(){
	clearall()
	document.form.elements[10].checked=1
	document.form.elements[12].checked=1 
	document.form.elements[14].checked=1
}

function level2(){
	clearall()
	document.form.elements[12].checked=1
	document.form.elements[16].checked=1
	document.form.elements[17].checked=1
	document.form.elements[18].checked=1
	document.form.elements[20].checked=1
	document.form.elements[21].checked=1
	document.form.elements[22].checked=1
	document.form.elements[23].checked=1
	document.form.elements[24].checked=1
}

function level3(){
	fillall()
	document.form.elements[4].checked=0
	document.form.elements[6].checked=0
	document.form.elements[7].checked=0
	document.form.elements[8].checked=0
	document.form.elements[11].checked=0
	document.form.elements[12].checked=0
	document.form.elements[13].checked=0
	document.form.elements[16].checked=0
	document.form.elements[17].checked=0
	document.form.elements[18].checked=0
	document.form.elements[24].checked=0
}

function level4(){
	clearall()
	document.form.elements[2].checked=1
	document.form.elements[6].checked=1
	document.form.elements[8].checked=1
	document.form.elements[10].checked=1
	document.form.elements[12].checked=1
	document.form.elements[14].checked=1
	document.form.elements[16].checked=1
	document.form.elements[18].checked=1
	document.form.elements[22].checked=1
}

function level5(){
	clearall()
	document.form.elements[11].checked=1
	document.form.elements[16].checked=1
	document.form.elements[21].checked=1
}

function checkall(){
	var win=1;
	for (var i = 0; i < 24; i++) {
		if (document.form.elements[i].checked==1)  {
			win=0;
		}
	}
	if (win==1){
		alert("\n   You Did It!!\n")
	}
}

function check(v){        
	q=5;
	w=1;
	row=parseInt(v/q)+w;
	if (isNaN(row)) {
		row=1;
	}

intv = parseInt(v);
	a=eval(intv+q);
	b=eval(intv-q);
	c=eval(intv+w);
	d=eval(intv-w);
	
	if (a<0 || a>24){
		a=25;
	}
	if (b<0 || b>24){
		b=25;
	}
	if (c<0 || c>24){
		c=25;
	}
	if (d<0 || d>24){
		d=25;
	}

kc = (parseInt(c/q)+w)
	kd = (parseInt(d/q)+w)
	kv = row;
	if (kc != kv){
		c=25;
	}
	if (kd != kv){
		d=25;
	}

if (v==5) d=25;//correction for strange bug

if (document.form.elements[a].checked == 1) { 
		document.form.elements[a].checked=0        
	} 
	else {
		document.form.elements[a].checked=1        
	}        
	if (document.form.elements[b].checked == 1) { 
		document.form.elements[b].checked=0        
	} 
	else {
		document.form.elements[b].checked=1        
	}        
	if (document.form.elements[c].checked == 1) { 
		document.form.elements[c].checked=0        
	} 
	else {
		document.form.elements[c].checked=1        
	}        
	if (document.form.elements[d].checked == 1) { 
		document.form.elements[d].checked=0        
	} 
	else {
		document.form.elements[d].checked=1        
	}
	checkall()  
}

</SCRIPT>

</TABLE>

<BR>

<TABLE BORDER=10>
<TR>
<TD><A HREF="JavaScript:level1()">Nivel 1</A></TD>
<TD><A HREF="JavaScript:level2()">Nivel 2</A></TD>
</TR>

<TR>
<TD><A HREF="JavaScript:level3()">Nivel 3</A></TD>
<TD><A HREF="JavaScript:level4()">Nivel 4</A></TD>
</TR>

<TR>
<TD><A HREF="JavaScript:level5()">Nivel 5</A></TD>
<TD><INPUT TYPE="RESET" VALUE="Clear"></TD>
</TR>
</TABLE>
</FORM>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de los script de esta sección]