El programa es un buscaminas:
Código:
<html>
<head>
<title>Buscaminas</title>
<link rel="stylesheet" type="text/css" href="Hoja de estilo.css" />
<style type="text/css">
table {
border-separate: separate;
}
td {
padding: 0px;
width: 30px;
height: 35px;
}
.boton1 {
width: 100%;
height: 100%;
font-weight: bold;
}
</style>
<script type="text/javascript" src="Funciones.js"></script>
<script type="text/javascript">
<!--
var cuadrados=10;
var minas=10;
var tabla;
var Quedan=cuadrados*cuadrados;
//Esta es la funcion que construye el tablero graficamente e internamente
function Construirtablero()
{
var i, j;
delete(tabla);
var d = new Date();
var dia1=d.getDate();
Tabla(cuadrados);
Quedan=cuadrados*cuadrados;
var Contenido="<form action='' name='form1'><table align='center'>";
for (i=0;i<cuadrados;i++)
{
Contenido=Contenido+"<tr>";
for (j=0;j<cuadrados;j++)
Contenido=Contenido + "<td><input type='button' class='boton1' id='boton_" + i.toString() + "_" + j.toString() + "' onclick='Chequea(" + i.toString() + "," + j.toString() + "," + dia1 + ");'></td>";
Contenido=Contenido + "</tr>"
}
Contenido=Contenido + "</table></form>";
window.document.getElementById('cuadro').innerHTML=Contenido;
Minas(minas);
}
function Abre(x,y)
{
if (x>=0 && x<=(cuadrados-1) && y>=0 && y<=(cuadrados-1))
if (tabla[x][y]>=0 && (window.document.form1.elements[y+cuadrados*x].value.length==0))
{
window.document.form1.elements[y+cuadrados*x].value=tabla[x][y];
Quedan--;
if (tabla[x][y]==0)
{
Abre(x-1,y-1);
Abre(x,y-1);
Abre(x+1,y-1);
Abre(x-1,y);
Abre(x+1,y);
Abre(x-1,y+1);
Abre(x,y+1);
Abre(x+1,y+1);
}
}
}
//Esta funcion ubica las minas en el tablero:
function Minas(M)
{
var i, j;
var Restan=M;
while (Restan>0)
{
i=Math.floor(10*Math.random());//math.random entrega valores aleatorios entre el 0 y 1 del tipo double, lo multiplico por 10 para que cubra todas las filas
j=Math.floor(10*Math.random());
if (tabla[i][j]==0)
{
tabla[i][j]=-1;
Restan--;
}
}
for (i=0;i<cuadrados;i++)
for (j=0;j<cuadrados;j++)
if (tabla[i][j]<0)
{
Marca(i-1,j-1);
Marca(i-1,j);
Marca(i-1,j+1);
Marca(i,j-1);
Marca(i,j+1);
Marca(i+1,j-1);
Marca(i+1,j);
Marca(i+1,j+1);
}
}
function Marca(x,y)
{
if (x>=0 && x<=cuadrados-1 && y>=0 && y<=cuadrados-1)
if (tabla[x][y]>=0)
tabla[x][y]++;
}
//Esta es la funcion que construye el tablero
function Tabla(N)
{
var i, j;
tabla=new Array(N)
for (i=0;i<N;i++)
tabla[i]=new Array(N);
for (i=0;i<N;i++)
for (j=0;j<N;j++)
tabla[i][j]=0;
}
function Chequea(x,y, fecha)
{
var i, j;
if (tabla[x][y]>=0)
{Abre(x,y);
}
else
{
for (i=0;i<cuadrados;i++)
for (j=0;j<cuadrados;j++)
if (tabla[i][j]>=0)
window.document.form1.elements[j+cuadrados*i].value=tabla[i][j];
else
window.document.form1.elements[j+cuadrados*i];
alert("Perdiste, vuelve a intentarlo");
Quedan=0;
}
if (Quedan==minas)
{
for (i=0;i<cuadrados;i++)
for (j=0;j<cuadrados;j++)
if (tabla[i][j]<0)
window.document.form1.elements[j+cuadrados*i];
alert("Felicitaciones, Ganaste");
tiempo(fecha);
}
}
function tiempo(dia)
{ var f= new Date();
var ultimo=f.getDate();
var tiempo=ultimo-dia;
window.alert("idiota");
usuario(tiempo);
}
function usuario(fecha2)
{ var nombre;
nombre=prompt( 'Ingrese su nombre para guardar tu tiempo:','');
document.formulario2.nombre.value= nombre;
document.formulario2.fecha.value= fecha2;
document.formulario2.submit();
}
// -->
</script>
</head>
<body>
<h1>Buscaminas</h1>
<?php
if(isset($_REQUEST["nombre"]) && isset($_REQUEST["fecha"])){
$nombre=$_REQUEST["nombre"];
$fecha=$_REQUEST["fecha"];
$miarchivo='highscores.xml';
$actual=file_get_contents($miarchivo);
file_put_contents($miarchivo,$actual . "<usuario>" . $nombre . "</usuario><puntaje>" . $fecha . "</puntaje>");}
?>
<center><form name="formulario" action="">
<input type="button" class="boton" id="Aceptar" value="jugar" onclick="Construirtablero(cuadrados,minas);window.document.getElementById('Capa_Principal').style.visibility='visible';">
</form></center>
<div id="Capa_Principal" style="position: relative; width: 90%; visibility: hidden; text-align: center;">
<form name="formulario2" action="<?php echo basename($PHP_SELF); ?>" method="post">
<input id="nombre" type="hidden" value="<?php echo $nombre;?>" />
<input id="fecha" type="hidden" value="<?php echo $fecha;?>" />
</form>
<div id="cuadro">
</div>
</div>
</body>
</html>
