Feat(NSI): fait le DS4

2023-03-30 18:42:50 +02:00
parent 04c90a07c2
commit cd31d3293c
16 changed files with 348 additions and 0 deletions
--- a/1NSI/Evaluations/DS_2023-03-31/codes/script.js
+++ b/1NSI/Evaluations/DS_2023-03-31/codes/script.js
@@ -0,0 +1,19 @@
+function affiche_menu() {
+    let menu = document.getElementById("menu")
+    if (menu.style.display == "block")  {
+        menu.style.display = "none"
+    } else {
+        menu.style.display = "block"
+    }
+}
+
+let titreMenu = document.getElementById("titreMenu")
+titreMenu.addEventListener("click", affiche_menu)
+
+function preview() {
+    let prev = document.getElementById("preview")
+    prev.style.width = "200px"
+}
+
+let prev = document.getElementById("preview")
+prev.addEventListener("click", preview)
--- a/1NSI/Evaluations/DS_2023-03-31/codes/site.html
+++ b/1NSI/Evaluations/DS_2023-03-31/codes/site.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+        <title>Compteur de clics </title>
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+  <h1>Mon beau site </h1>
+        <nav>
+            <h2 id="titreMenu">Menu</h2>
+            <ul id="menu">
+                <li>1</li>
+                <li>2</li>
+                <li>3</li>
+                <li>4</li>
+            </ul>
+        </nav>
+
+        <section id="content">
+            <div id="preview"></div>
+        </section>
+        <p>
+            <button id="atoi">A toi de jouer</button>
+            <span id="felicitation"></span>
+        </p>
+        <p>
+            <button onclick="enBleu()">Bleu</button>
+            <button onclick="enRouge()">Rouge</button>
+        </p>
+  <script>
+        function enBleu(){
+            document.body.style.backgroundColor = "#0000FF";
+        }
+        function enRouge(){
+            document.body.style.backgroundColor = "#AA0000";
+        }
+  </script>
+    <script src="script.js"></script>
+</body>
+
+</html>
--- a/1NSI/Evaluations/DS_2023-03-31/codes/style.css
+++ b/1NSI/Evaluations/DS_2023-03-31/codes/style.css
@@ -0,0 +1,9 @@
+#preview {
+    width: 100px;
+    height: 100px;
+    background-color: coral;
+}
+
+#menu {
+    display: None;
+}