From 6e8452d13118b9e5282d4cd75e2e591fd69e88b3 Mon Sep 17 00:00:00 2001 From: Tahar Lamred & Theresa Nerz Date: Thu, 18 Jun 2026 10:48:24 +0200 Subject: [PATCH] Quiz: Auswertung; README aktualisiert --- README.md | 6 ++- about_us.html | 14 +----- contact.html | 1 + eis_project.html | 1 + imprint.html | 1 + index.html | 11 +---- js/notenrechner.js | 26 ------------ js/quiz.js | 104 +++++++++++++++++++++++++++++++++++++++++++++ js/script.js | 23 ++++++---- notenrechner.html | 4 +- quiz.html | 47 ++++++++++++++++++++ 11 files changed, 178 insertions(+), 60 deletions(-) create mode 100644 js/quiz.js create mode 100644 quiz.html diff --git a/README.md b/README.md index 92abac2..9b40b46 100644 --- a/README.md +++ b/README.md @@ -29,8 +29,10 @@ - **eis_project.html** — Projektbeschreibung - **imprint.html** — Impressum - **notenrechner.html** — Notenberechnungstool -- **css/style.css** — Layout, Farben, Dark Mode, Tageszeit-Farben +- **quiz.html** — Mini-Quiz mit drei Fragen +- **css/style.css** — Layout, Farben, Dark Mode, Tageszeit-Farben, Quiz-Design - **js/script.js** — Begrüßung, Tageszeit-Farben, Dark Mode, Galerie-Zoom +- **js/quiz.js** — Quiz-Logik, direkte Rückmeldung, Auswertung - **img/Logo.png** — Logo der Website - **assets/** — zusätzliche Dateien (Medien, Dokumente) - **.gitignore** — Ausschlussregeln für Git @@ -56,5 +58,5 @@ - **index.html → css/style.css** - **index.html → img/Logo.png** - **index.html → imprint.html** -- **Navigation → about_us.html, contact.html, eis_project.html, notenrechner.html** +- **Navigation → about_us.html, contact.html, eis_project.html, quiz.html, notenrechner.html** - **Unterseiten → ../css/style.css** (eine Ebene höher) diff --git a/about_us.html b/about_us.html index 4f47d43..d15bff4 100644 --- a/about_us.html +++ b/about_us.html @@ -12,8 +12,6 @@
-
-
Logo @@ -25,6 +23,7 @@ Home About Us Project + Quiz Contact Imprint Notenrechner @@ -32,8 +31,6 @@ - -
@@ -44,12 +41,5 @@

© 2026 – EIS Learning Project

- - - + \ No newline at end of file diff --git a/contact.html b/contact.html index c1a0375..6d83042 100644 --- a/contact.html +++ b/contact.html @@ -19,6 +19,7 @@ Home About Us Project + Quiz Contact Imprint Notenrechner diff --git a/eis_project.html b/eis_project.html index d7a8da4..941cfe8 100644 --- a/eis_project.html +++ b/eis_project.html @@ -19,6 +19,7 @@ Home About Us Project + Quiz Contact Imprint Notenrechner diff --git a/imprint.html b/imprint.html index 7722095..9a447da 100644 --- a/imprint.html +++ b/imprint.html @@ -19,6 +19,7 @@ Home About Us Project + Quiz Contact Imprint Notenrechner diff --git a/index.html b/index.html index ad75931..86e40c0 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,7 @@ Home About Us Project + Quiz Contact Imprint Notenrechner @@ -42,16 +43,6 @@

© 2026 – EIS Learning Project

- - - diff --git a/js/notenrechner.js b/js/notenrechner.js index 27510cf..4244ba2 100644 --- a/js/notenrechner.js +++ b/js/notenrechner.js @@ -3,32 +3,6 @@ document.addEventListener("DOMContentLoaded", () => { const button = document.getElementById("berechnen"); const ergebnis = document.getElementById("ergebnis"); const balken = document.getElementById("balken"); - const darkToggle = document.getElementById("darkmode-toggle"); - - // ----------------------------- - // Dark Mode Toggle - // ----------------------------- - if (darkToggle) { - // gespeicherten Modus laden - if (localStorage.getItem("darkmode") === "on") { - document.body.classList.add("dark"); - darkToggle.textContent = "☀️ Light Mode"; - } else { - darkToggle.textContent = "🌙 Dark Mode"; - } - - darkToggle.addEventListener("click", () => { - document.body.classList.toggle("dark"); - - if (document.body.classList.contains("dark")) { - localStorage.setItem("darkmode", "on"); - darkToggle.textContent = "☀️ Light Mode"; - } else { - localStorage.setItem("darkmode", "off"); - darkToggle.textContent = "🌙 Dark Mode"; - } - }); - } // ----------------------------- // Notenrechner Logik diff --git a/js/quiz.js b/js/quiz.js new file mode 100644 index 0000000..79fb12d --- /dev/null +++ b/js/quiz.js @@ -0,0 +1,104 @@ +const quizData = [ + { + question: "Wie viele Tage hat der Februar in einem Schaltjahr?", + answers: ["28", "29", "30"], + correct: 1, + }, + { + question: "Was bedeutet EIS in der Kursbezeichnung?", + answers: ["Einführung in Informationstechnologien", "Entwicklung interaktiver Systeme", "Elektronische Informationssysteme"], + correct: 2, + }, + { + question: "Welches HTML-Element wird für einen Link verwendet?", + answers: ["", "", " + diff --git a/quiz.html b/quiz.html new file mode 100644 index 0000000..6ea68de --- /dev/null +++ b/quiz.html @@ -0,0 +1,47 @@ + + + + + Mini-Quiz + + + + +
+
+ Logo +
+ +
+
+
+

Mini-Quiz

+

Teste dein Wissen mit drei Fragen. Wähle die richtige Antwort aus und erhalte direktes Feedback.

+
+

Frage 1 von 3

+

+
+ + +

Punkte: 0/3

+
+
+
+
+

© 2026 – EIS Learning Project

+
+ + + +