[ Foro de Javascript ]

Juego 4 fotos 1 palabra

13-Apr-2017 04:11
Invitado (LydiaOcean)
0 Respuestas

¡Buenas! Resulta que estoy haciendo un trabajo de informática para el instituto, el cual es un juego utilizando javascript. Se trata del famoso juego para móvil 4 fotos 1 palabra, que tienes que adivinar qué palabra es mirando 4 fotos relacionadas entre sí. Entonces, yo tengo problemas a la hora de hacerlo, más bien por los botones, ya que no sé qué etiquetas ponerles (sobretodo no sé qué hacer con input text). Ahora aquí abajo dejaré cómo lo he hecho. Además, me gustaría que cuando el usuario acertara pusiera "Has acertado" y cuando no "Has fallado". Me gustaría que alguien me dijera por qué no me va (pasar las imágenes sí que me funciona) y si me falta alguna cosa. ¡Gracias!

<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="4fotos1palabra.css">
<title>4 fotos 1 palabra</title>
<script>
 var image = 0;
 var fotos = ["./img/raton.jpg",
            "./img/presidentes.jpg",
            "./img/deporte.jpg",
            "./img/spain.jpg"];
 function game(ima) {
 document.getElementById("juego").src = fotos[ima];
 image++;
 if (image>3) {
 image=0;
 }
}
</script>
<script>
function joc(uno,dos,tres,cuatro) {
 var miRat = "";
 var miPres = "";
 var miDep = "";
 var miSpa = "";
   switch (uno) {
     case "raton":
       miRat = "raton";
     alert("¡Has acertado!");
       break;
   default:
       miRat = "¡Has fallado!";
   }

   switch (dos) {
     case "presidentes":
       miPres = "presidentes";
     alert("¡Has acertado!");
       break;
   default:
       miPres = "¡Has fallado!";
   }

   switch (tres) {
     case "deporte":
       miDep = "deporte";
     alert("¡Has acertado!");
       break;
   default:
       miDep = "¡Has fallado!";
   }

   switch (cuatro) {
     case "spain":
       miSpa = "spain";
     alert("¡Has acertado!");
       break;
   default:
       miSpa = "¡Has fallado!";
 }
}
</script>
</head>

<body>
<div id=cuerpo>
<h1>4 fotos 1 palabra<br>
¡Adivina!</h1><br><br>
<form>
<img id="juego" src="./img/raton.jpg" style="width:300px;height:300px;"><br><br><br>
<input type="text"><br><br>
<button onClick = "joc(miRat.value,miPres.value,miDep.value,miSpa.value)">Aceptar</button>
<input type="button" value="Siguiente" onclick="game(image)">
</form>
</div>
</body>
</html>




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)