Readme & Enter

README.md

@@ -1,2 +1,52 @@
-# Projekt_FH
+# 🎓 Projekt FH – Eingabeprüfung & Wörterbuch
 
+## ✨ Funktionalität
+
+Dieses Projekt besteht aus **zwei Seiten**:
+
+1. **Hinweis-Abfrage (Startseite):**  
+   Hier kann man Wörter oder Sätze eingeben. Diese Eingabe wird mit den hinterlegten Daten im lokalen Speicher abgeglichen.  
+   → Wird ein passender Eintrag gefunden, wird die zugehörige Ausgabe (Text, Zahl oder Sonderzeichen) angezeigt.
+
+2. **Datenpflege:**  
+   Auf dieser Seite können neue Paare (Eingabe ↔ Ausgabe) eingetragen und gespeichert werden.
+
+---
+
+### 🔁 Navigation
+
+- Zwischen den beiden Seiten wird per **Tastenkombination `Strg + Ä`** umgeschaltet.
+- Beim Start der Anwendung wird standardmäßig die **Hinweis-Abfrage** angezeigt.
+
+---
+
+### ⌨️ Eingabeinteraktion
+
+- In den Eingabefeldern kann die Eingabe durch **Drücken der Enter-Taste** bestätigt werden.
+- Alternativ steht jeweils ein **Button zur Bestätigung** zur Verfügung.
+
+---
+
+### 🖥️ Vollbildmodus
+
+Um die Anwendung im **Vollbild** zu nutzen, kann wie gewohnt die Taste **`F11`** gedrückt werden (Browser-Funktion).
+
+---
+
+## 🚀 Starten
+
+Einfach einen **Doppelklick auf `index.html`** ausführen.  
+Die Anwendung öffnet sich im Standardbrowser und ist sofort einsatzbereit.
+
+---
+
+## 🔐 Sicherheit & Hinweis
+
+Da es sich um eine **einfache, lokale Anwendung** handelt:
+
+- wurden keine besonderen Sicherheitsmaßnahmen implementiert,
+- ist der komplette Quellcode offen einsehbar und lokal speicherbar.
+
+Bitte beachten: Die Daten werden **im `localStorage` des Browsers** abgelegt und können dort manuell eingesehen oder gelöscht werden.
+
+---

script.js

@@ -2,21 +2,15 @@
 //MAIN
 document.addEventListener("DOMContentLoaded", insertValueMainButton);
 
-
-document.getElementById("inputBox").addEventListener("keydown", function (event) {
-    if (event.key === "Enter") {
-      event.preventDefault(); // Optional: verhindert z. B. Form-Submit
-      
-        insertValueMainButton();
-    }
-  });
-
 function insertValueMainButton () {
   const inputBox = document.getElementById("inputBox");
   const testButton = document.getElementById("testButton");
   const outputArea = document.getElementById("outputArea");
 
-  testButton.addEventListener("click", function () {
+  testButton.addEventListener("click", EnterWord);
+}
+
+function EnterWord() {
     const userInput = inputBox.value.trim().toLowerCase(); // Ignoriere Groß-/Kleinschreibung
 
     if (!userInput) {
@@ -41,7 +35,6 @@ function insertValueMainButton () {
     } else {
       outputArea.textContent = `❌ Kein Hinweis gefunden für "${userInput}".`;
     }
-  });
   }
 
 //INDEX
@@ -64,6 +57,16 @@ document.addEventListener("keydown", function (event) {
     }
     
   }
+  else if (event.key === "Enter") {
+        event.preventDefault(); // Optional: verhindert z. B. Form-Submit
+        const mv = document.getElementById("mainView");
+        if (mv.style.visibility === "visible" || mv.style.visibility === "") {
+          EnterWord();
+        } else {
+          saveEntry();
+        }
+        
+    }
 }, false);
 
 //INPUT