Hola! Bueno, resulta que me gustaría hacer un juego parecido al buscaminas de toda la vida. Pero me he liado (bastante), y necesito que me echéis una mano. Os dejaré aquí abajo las etiquetas que me han mandado poner (aviso de antemano que es un completo caos), y me gustaría que me dijerais qué me sobra, qué tengo desordenado, etc, etc, etc. Siento ser tan imbécil. Ah, y obviad el último script, que no sé ni dónde ponerlo.
<!DOCTYPE html>
<html>
<head>
<title>Buscaminas</title>
<link rel="stylesheet" type="text/css" href="buscaminas.css"> <meta charset="utf-8">
</head>
<body>
<h1>Buscaminas</h1>
<script>
var score = 0;
function face(boton) {
var aux; var imagen = './img/+boton+'.jpg;
if (boton=='cero') {
aux='img'+boton;
}
switch(grid)[box] {
case "uno":
score++;
break;
case "dos":
score+=2;
break;
case "tres":
score+=3;
break;
}
document.getElementById.innerHTML
else {
aux='img'+boton;
}
Id(aux).src="./img/boton.jpg";
document.getElementById("boton0").src="./img/number1.jpg";
("boton1").src="./img/number2.jpg";
("boton2").src="./img/number3.jpg";
("boton3").src="./img/number4.jpg";
("boton4").src="./img/number5.jpg";
("boton5").src="./img/number6.jpg";
("boton6").src="./img/number7.jpg";
("boton7").src="./img/number8.jpg";
("boton8").src="./img/number9.jpg";
var grid = ["number1","number1","number1","number1","number2","number2","number3","buscaminas","buscaminas"];
function face (box) {
var id = "img" + box;
document.getElementById(id).src=grid[box]+".jpg";
</script>
<div id="hola">
<h3 id="h3Puntuacion">Puntuación:---</h3>
<button id ="btn0" type="type"
onclick="face(0);"><img id="img0" src="./img/white.jpg">
</button>
<button id ="btn1" type="type"
onclick="face(1);"><img id="img1" src="./img/white.jpg">
</button>
<button id ="btn2" type="type"
onclick="face(2);"><img id="img2" src="./img/white.jpg">
</button>
<button id ="btn3" type="type"
onclick="face(3);"><img id="img3" src="./img/white.jpg">
</button>
<button id ="btn4" type="type"
onclick="face(4);"><img id="img4" src="./img/white.jpg">
</button>
<button id ="btn5" type="type"
onclick="face(5);"><img id="img5" src="./img/white.jpg">
</button>
<button id ="btn6" type="type"
onclick="face(6);"><img id="img6" src="./img/white.jpg">
</button>
<button id ="btn7" type="type"
onclick="face(7);"><img id="img7" src="./img/white.jpg">
</button>
</div>
</body>
</html>
<script>
function face(box) {
var id="img"+box;
document.getElementById(id).src= //poner la imagen
}
</script>
