Fix the fixes

timhaller · Feb 23, 2024 · 96e1ba4 · 96e1ba4
1 parent e67361c
commit 96e1ba4
Show file tree

Hide file tree

Showing 40 changed files with 101 additions and 0 deletions.
diff --git a/exercices/m08/Penguin/img/1_1.jpg b/exercices/m08/Penguin/img/1_1.jpg
diff --git a/exercices/m08/Penguin/img/1_2.jpg b/exercices/m08/Penguin/img/1_2.jpg
diff --git a/exercices/m08/Penguin/img/1_3.jpg b/exercices/m08/Penguin/img/1_3.jpg
diff --git a/exercices/m08/Penguin/img/1_4.jpg b/exercices/m08/Penguin/img/1_4.jpg
diff --git a/exercices/m08/Penguin/img/2_1.jpg b/exercices/m08/Penguin/img/2_1.jpg
diff --git a/exercices/m08/Penguin/img/2_2.jpg b/exercices/m08/Penguin/img/2_2.jpg
diff --git a/exercices/m08/Penguin/img/2_3.jpg b/exercices/m08/Penguin/img/2_3.jpg
diff --git a/exercices/m08/Penguin/img/2_4.jpg b/exercices/m08/Penguin/img/2_4.jpg
diff --git a/exercices/m08/Penguin/img/3_1.jpg b/exercices/m08/Penguin/img/3_1.jpg
diff --git a/exercices/m08/Penguin/img/3_2.jpg b/exercices/m08/Penguin/img/3_2.jpg
diff --git a/exercices/m08/Penguin/img/3_3.jpg b/exercices/m08/Penguin/img/3_3.jpg
diff --git a/exercices/m08/Penguin/img/3_4.jpg b/exercices/m08/Penguin/img/3_4.jpg
diff --git a/exercices/m08/Penguin/img/4_1.jpg b/exercices/m08/Penguin/img/4_1.jpg
diff --git a/exercices/m08/Penguin/img/4_2.jpg b/exercices/m08/Penguin/img/4_2.jpg
diff --git a/exercices/m08/Penguin/img/4_3.jpg b/exercices/m08/Penguin/img/4_3.jpg
diff --git a/exercices/m08/Penguin/img/4_4.jpg b/exercices/m08/Penguin/img/4_4.jpg
diff --git a/exercices/m08/Penguin/img/5_1.jpg b/exercices/m08/Penguin/img/5_1.jpg
diff --git a/exercices/m08/Penguin/img/5_2.jpg b/exercices/m08/Penguin/img/5_2.jpg
diff --git a/exercices/m08/Penguin/img/5_3.jpg b/exercices/m08/Penguin/img/5_3.jpg
diff --git a/exercices/m08/Penguin/img/5_4.jpg b/exercices/m08/Penguin/img/5_4.jpg
diff --git a/exercices/m08/Penguin/img/6_1.jpg b/exercices/m08/Penguin/img/6_1.jpg
diff --git a/exercices/m08/Penguin/img/6_2.jpg b/exercices/m08/Penguin/img/6_2.jpg
diff --git a/exercices/m08/Penguin/img/6_3.jpg b/exercices/m08/Penguin/img/6_3.jpg
diff --git a/exercices/m08/Penguin/img/6_4.jpg b/exercices/m08/Penguin/img/6_4.jpg
diff --git a/exercices/m08/Penguin/img/7_1.jpg b/exercices/m08/Penguin/img/7_1.jpg
diff --git a/exercices/m08/Penguin/img/7_2.jpg b/exercices/m08/Penguin/img/7_2.jpg
diff --git a/exercices/m08/Penguin/img/7_3.jpg b/exercices/m08/Penguin/img/7_3.jpg
diff --git a/exercices/m08/Penguin/img/7_4.jpg b/exercices/m08/Penguin/img/7_4.jpg
diff --git a/exercices/m08/Penguin/img/pingouin.png b/exercices/m08/Penguin/img/pingouin.png
diff --git a/exercices/m08/Penguin/img/pingouin_grand.png b/exercices/m08/Penguin/img/pingouin_grand.png
diff --git a/exercices/m08/Penguin/img/pingouin_jaune.png b/exercices/m08/Penguin/img/pingouin_jaune.png
diff --git a/exercices/m08/Penguin/img/pingouin_jaune_grand.png b/exercices/m08/Penguin/img/pingouin_jaune_grand.png
diff --git a/exercices/m08/Penguin/img/pingouin_rouge.png b/exercices/m08/Penguin/img/pingouin_rouge.png
diff --git a/exercices/m08/Penguin/img/pingouin_rouge_grand.png b/exercices/m08/Penguin/img/pingouin_rouge_grand.png
diff --git a/exercices/m08/Penguin/img/pingouin_vert.png b/exercices/m08/Penguin/img/pingouin_vert.png
diff --git a/exercices/m08/Penguin/img/pingouin_vert_grand.png b/exercices/m08/Penguin/img/pingouin_vert_grand.png
diff --git a/exercices/m08/Penguin/img/vide.jpg b/exercices/m08/Penguin/img/vide.jpg
diff --git a/exercices/m08/Penguin/index.html b/exercices/m08/Penguin/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Le Jeu du Pinguin</title>
+    <link rel="stylesheet" href="styles.css" />
+    <script src="main.js" ></script>
+</head>
+<body>
+    <table>
+        <tr >
+            <td id="A1" class="image-cell image-start">
+                <img src="img/1_1.jpg" alt="Penguin"/>
+            </td>
+            <td id="A2" class="image-cell image-start">
+                <img src="img/1_2.jpg" alt="Penguin"/>
+            </td>
+            <td id="B1" class="image-cell image-start">
+            </td>
+            <td id="B2" class="image-cell image-start">
+            </td>
+            <td rowspan="4"></td>
+        </tr>
+        <tr>
+            <td id="A3" class="image-cell">
+                <img src="img/1_3.jpg" alt="Penguin">
+            </td>
+            <td id="A4" class="image-cell">
+                <img src="img/1_4.jpg" alt="Penguin">
+            </td>
+            <td id="B3" class="image-cell">3</td>
+            <td id="B4" class="image-cell">4</td>
+        </tr>
+        <tr>
+            <td colspan="2" >
+                <button onclick="NewGame()">
+                Nouvelle Partie
+                </button>
+            </td>
+            <td colspan="2">
+                Vérifier les réponses
+            </td>
+        </tr>
+        <tr>
+            <td colspan="4"></td>
+        </tr>
+    </table>
+</body>
+</html>
diff --git a/exercices/m08/Penguin/main.js b/exercices/m08/Penguin/main.js
@@ -0,0 +1,26 @@
+function shuffleFucks(array) {
+    for (let i = array.length - 1; i > 0; i--) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [array[i], array[j]] = [array[j], array[i]];
+    }
+}
+
+function NewGame() {
+    console.log("New")
+    let A1 = document.getElementById("A1")
+    let A2 = document.getElementById("A2")
+    let A3 = document.getElementById("A3")
+    let A4 = document.getElementById("A4")
+
+    let mountain = Math.floor(Math.random() * 7) + 1
+    let fucksToGive = [1, 2, 3, 4]
+
+    shuffleFucks(fucksToGive)
+    for (let i = 1; i <= fucksToGive.length; i++) {
+        console.log(i)
+        let fuckGiven = fucksToGive[i - 1]
+        let field = document.getElementsByClassName("image-start").item(i)
+        field.firstChild.src(`img/${mountain}_${fuckGiven}.jpg`)
+        console.log(`${mountain}_${fuckGiven}.jpg`)
+    }
+}
diff --git a/exercices/m08/Penguin/styles.css b/exercices/m08/Penguin/styles.css
@@ -0,0 +1,26 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Arial', sans-serif;
+    background-color: #f2f2f2;
+    padding: 6rem;
+}
+
+td {
+    background: dodgerblue;
+    text-align: center;
+}
+
+table {
+    width: 100%;
+}
+
+.image-cell {
+    width: 180px;
+    height: 180px;
+    overflow: hidden;
+}