diff --git a/jeux/assets/camel.js b/jeux/assets/camel.js index ad9043e..ff4c5da 100644 --- a/jeux/assets/camel.js +++ b/jeux/assets/camel.js @@ -1,13 +1,22 @@ let counter = new Set(); const MAX_DIFFS = 7; +const foundDisplay = []; + +(function () { + const found = document.getElementById("found"); + for (let i = 0; i < MAX_DIFFS; i++) { + const li = document.createElement("li"); + foundDisplay.push(li); + found.appendChild(li); + } +})(); function zone(name) { if (!counter.has(name)) { - counter.add(name); - const li = document.createElement("li"); const content = document.createTextNode(name); + const li = foundDisplay[counter.size]; li.appendChild(content); - document.getElementById("found").appendChild(li); + counter.add(name); } displayCounter(); } diff --git a/jeux/assets/style.css b/jeux/assets/style.css index 1582402..d216f00 100644 --- a/jeux/assets/style.css +++ b/jeux/assets/style.css @@ -51,3 +51,9 @@ header h1 { a { color: rgb(40,53,131); } + +.img-holder { + position: relative; + top: 0; + left: 0; +} diff --git a/jeux/camel.html b/jeux/camel.html index 6fc51cc..e39120e 100644 --- a/jeux/camel.html +++ b/jeux/camel.html @@ -14,22 +14,6 @@
Jouons donc au jeu des 7 différences avec GSE France !
-- - -
- -- Couleurs non contractuelles. -
Score: 0/7
Vous avez déjà trouvé :
@@ -38,7 +22,24 @@
+ + + +
++ Couleurs non contractuelles.