-
Notifications
You must be signed in to change notification settings - Fork 0
/
jeu_ludique.html
57 lines (54 loc) · 2.34 KB
/
jeu_ludique.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/jeu_ludique_styles.css" />
<title>Geco - jeu ludique</title>
<!-- Load scripts -->
<script src="Javascript/gameController.js"></script>
</head>
<body onload="main()">
<div class="container">
<h1>Jeu ludique</h1>
<h3 id="lvl-disp">Level ..</h3>
<input class="form-control" id="guess-input" placeholder="Guess" autocomplete="off">
<script>
// keystrokes
var input = document.getElementById("guess-input");
input.addEventListener("keyup", function(event) {
if (event.code === "Enter") {
event.preventDefault();
submitGuess()
}
});
</script>
<div class="flex-container">
<div class="col gap-8">
<img id="gif1" class="" src="" alt="gif 1" />
<button type="button" class="btn-primary" onclick="switchGif(1)">Changer le gif</button>
</div>
<div class="col gap-8">
<img id="gif2" class="" src="" alt="gif 2" />
<button type="button" class="btn-primary" onclick="switchGif(2)" >Changer le gif</button>
</div>
</div>
</div>
<!-- Modals -->
<div id="definition-modal" class="modal">
<div class="modal-content">
<span class="btn-close" onclick="closeDefinitionModal()">×</span>
<h4 id="mot">Mot</h4>
<h5 class="subtext">Définition</h5>
<p id="definition" class="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse luctus ante mi, sit amet aliquet augue efficitur at. Morbi eget dictum neque. Duis sollicitudin dolor eget velit elementum, at efficitur justo pharetra.</p>
<button type="button" class="btn-next" onclick="closeDefinitionModal()" >Suivant →</button>
</div>
</div>
<div id="cookies-modal" class="modal">
<div class="modal-content">
<h4>Cookies</h4>
<p class="justify">Ce site utilise des cookies pour sauvegarder le niveau atteint dans le jeu ludique.</p>
<button type="button" class="btn-next" onclick="closeModal('cookies-modal')">Accepter les cookies</button>
</div>
</div>
</body>
</html>