uniwebsidad

Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Juego 4 fotos 1 palabra

13 de abril de 2017

¡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>
html javascript juego