Différences

Ci-dessous, les différences entre deux révisions de la page.

--- ateliers:robotique:echange_de_code [2024/03/25 18:13] – 109.133.206.189
+++ ateliers:robotique:echange_de_code [2025/02/17 18:49] (Version actuelle) – portouverte
@@ Ligne 1: / Ligne 1: @@
 ====== Ici on échange nos microdes ======
+<code>
+  <script>
+    $(document).ready(function() {
+      const $subMenu = $('.sub-menu ul'); // Cacher le sous-menu par défaut
+      $subMenu.hide();
-<code html>
+      $(".sub-menu > a").click(function(event) {
-.active ul li:nth-child(1){
+        event.preventDefault(); // Empêche le comportement par défaut du lien
-  top: -100%;
+        $subMenu.slideToggle(50); // Affiche ou masque le sous-menu
-  left: -100%;
+        $(this).find("i.fa").toggleClass("fa-angle-up fa-angle-down"); // Change l'icône
-  transition-delay: 0s;
+      });
+      // Gestion de l'affichage du menu principal et du sous-menu
+      $("#menu-toggle").click(function() {
+        $subMenu.slideUp(50); // Ferme le sous-menu
+        $(".sub-menu > a i.fa").removeClass("fa-angle-up").addClass("fa-angle-down"); // Réinitialise l'icône
+      });
+    });
+  </script>
+  ===== CSS =====
+  /******** SUB MENU ********/
+.sub-menu ul {
+  display: none;
+  position: absolute;
+  border-radius: 5px;
+  z-index: 100;
+  left: 200px;
 }
-.active ul li:nth-child(2){
-  top: -100%;
+.sub-menu li {
-  left: 0;
+  display: block;
-  transition-delay: 0.2s;
+  padding: 10px;
+  color: #333;
+  text-decoration: none;
 }
-.active ul li:nth-child(3){
+.sub-menu li input {
-  top: -100%;
+  color: #333;
-  left: 100%;
+  width: 20px;
-  transition-delay: 0.4s;
+  height: 20px;
+  left: -35px;
+  position: absolute;
+  transform: rotate(-45deg);
+  top: 40px;
 }
-.active ul li:nth-child(4){
+.sub-menu li label {
-  top: 0;
+  color: white;
-  left: 100%;
+  position: absolute;
-  transition-delay: 0.6s;
+  left: -25px;
+  font-size: 1.3rem;
+  transform: rotate(-45deg);
+  left: 33px;
+  top: -10px;
 }
-.active ul li:nth-child(5){
-  top: 100%;
+.sub-menu li:hover {
-  left: 100%;
+  background-color: #f0f0f0; /* Couleur de fond au survol */
-  transition-delay: 0.8s;
-}
-.active ul li:nth-child(6){
-  top: 100%;
-  left: 0;
-  transition-delay: 1s;
-}
-.active ul li:nth-child(7){
-  top: 100%;
-  left: -100%;
-  transition-delay: 1.2s;
-}
-.active ul li:nth-child(8){
-  top: 0;
-  left: -100%;
-  transition-delay: 1.4s;
 }
+/*********** /SUB MENU *************/
 </code>
+<code>
+git clone https://github.com/myscript/interactive-ink-examples-uwp
+cd interactive-ink-examples-uwp
+</code>
+<code python>
+import random
+import tkinter as tk
+from tkinter import StringVar, Entry, Button, PhotoImage
+# Définir la fonction choisir_mot qui choisit un mot aléatoire
+def choisir_mot():
+    mots = ["python", "apprentissage", "programmation", "ordinateur", "developpement"]
+    return random.choice(mots)
+# Définir la fonction afficher_mot qui affiche le mot à deviner avec les lettres trouvées
+def afficher_mot(mot, lettres_trouvees):
+    affichage = ""
+    for lettre in mot:
+        if lettre in lettres_trouvees:
+            affichage += lettre
+        else:
+            affichage += "-"
+    return affichage
+# Définir la fonction pendu qui permet de jouer au jeu du pendu avec une interface graphique
+def pendu():
+    # Choisir un mot aléatoire
+    mot_a_deviner = choisir_mot()
+    # Initialiser les variables de jeu
+    lettres_trouvees = []
+    tentatives_max = 6
+    tentatives = 0
+    # Créer une fenêtre Tkinter
+    fenetre = tk.Tk()
+    fenetre.geometry("300x200")
+    fenetre.title("Jeu du Pendu")
+    # Créer les éléments graphiques
+    label_mot = tk.Label(fenetre, text=afficher_mot(mot_a_deviner, lettres_trouvees))
+    label_mot.pack()
+    entry_lettre = tk.Entry(fenetre)
+    entry_lettre.pack()
+    label_tentatives = tk.Label(fenetre, text="Tentatives restantes : " + str(tentatives_max - tentatives))
+    label_tentatives.pack()
+    # Fonction pour vérifier la lettre choisie
+    def verifier_lettre():
+        nonlocal tentatives
+        lettre_choisie = entry_lettre.get()
+        entry_lettre.delete(0, tk.END)
+        if lettre_choisie in lettres_trouvees:
+            label_tentatives.config(text="Vous avez déjà deviné cette lettre. Essayez encore.")
+        elif lettre_choisie in mot_a_deviner:
+            lettres_trouvees.append(lettre_choisie)
+            label_mot.config(text=afficher_mot(mot_a_deviner, lettres_trouvees))
+            if "-" not in afficher_mot(mot_a_deviner, lettres_trouvees):
+                label_tentatives.config(text="Félicitations ! Vous avez deviné le mot : " + mot_a_deviner)
+        else:
+            tentatives += 1
+            label_tentatives.config(text="Incorrect. Tentatives restantes : " + str(tentatives_max - tentatives))
+            if tentatives == tentatives_max:
+                label_tentatives.config(
+                    text="Désolé, vous avez atteint le nombre maximum de tentatives. Le mot était : " + mot_a_deviner)
+    # Créer le bouton pour valider la lettre choisie
+    btn_valider = tk.Button(fenetre, text="Valider", command=verifier_lettre)
+    btn_valider.pack()
+    fenetre.mainloop()
+# Appeler la fonction pendu pour jouer au jeu
+pendu()
+</code>
 <code python>