JavaScript - Juego 4 fotos 1 palabra

 
Vista:

Juego 4 fotos 1 palabra

Publicado por Lydia (1 intervención) el 12/04/2017 16:58:09
¡Buenas! Resultado 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. 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!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<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>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder