-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (50 loc) · 2.83 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jeopardy</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
</head>
<body>
<div class="current-team-container">
<h2>EQUIPO ACTUAL:</h2>
<div id="current-team-display" class="current-team-display">Equipo 1</div>
</div>
<h1>¡Jeopardy Edición Española! de Vinil y Charlie</h1>
<div id="game"></div>
<div style="margin-top: 50px;"></div>
<h2>PUNTUACIONES:</h2>
<div id="scores">
<div>Equipo 1: <span id="score1">0</span></div>
<div>Equipo 2: <span id="score2">0</span></div>
<div>Equipo 3: <span id="score3">0</span></div>
<div>Equipo 4: <span id="score4">0</span></div>
<div>Equipo 5: <span id="score5">0</span></div>
<div>Equipo 6: <span id="score6">0</span></div>
</div>
<div id="instructionsPopup" class="popup">
<div class="popup-content">
<h2>Instrucciones</h2>
<p>El primer jugador va a seleccionar una categoría y una cantidad de dinero. Después, necesitas hacer click en el lugar que contiene lo que el jugador dijo. Ahora, puedes dejar que el jugador responda, o si quieres, los otros jugadores pueden levantar la mano para probar la pregunta. Si un jugador diferente al que eligió la pregunta responde, puedes hacer clic en el lugar que dice “Current Team.” Cuando vayas a responder con una oración completa, necesitas incluir los pronombres, y necesitas incluir la puntuación donde dice en la pregunta. Ejemplo: “Last night, I went to sleep.” Respuesta: “Anoche, Yo me dormí.” También hay un botón de anualción, si sientes que tu respuesta fue correcta. El maestro puede decidir quién levantó la mano primero. Cuando hay un “Double Jeopardy,” solo la persona que eligió la pregunta puede contestar la pregunta. Si una persona está correcta, la persona recibe los puntos, pero, si no es correcta, la persona pierde los puntos.</p>
<button id="closeInstructions">×</button> <!-- Change "Close" to "×" -->
</div>
</div>
<div id="teamPopup" class="popup">
<div class="popup-content">
<h2>Selecciona Un Equipo</h2>
<div id="teamButtons"></div>
</div>
</div>
<div id="doubleJeopardyPopup" class="popup">
<div class="popup-content">
<h2>Double Jeopardy!</h2>
<p>¡Esta pregunta vale el doble de puntos!</p>
<button id="closeDoubleJeopardyPopup">×</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>