From 98e1a5d82bc4c4a1075fa98e095d38fd15a5b6fe Mon Sep 17 00:00:00 2001 From: sebi Date: Tue, 29 Jul 2025 07:48:52 +0200 Subject: [PATCH] Readme & Enter --- README.md | 52 +++++++++++++++++++++++++++++++++++++++++++++++++++- script.js | 27 +++++++++++++++------------ 2 files changed, 66 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 5c82791..0706b23 100644 --- a/README.md +++ b/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. + +--- diff --git a/script.js b/script.js index ab9db14..73dc153 100644 --- a/script.js +++ b/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,8 +35,7 @@ function insertValueMainButton () { } else { outputArea.textContent = `❌ Kein Hinweis gefunden für "${userInput}".`; } - }); -} + } //INDEX document.addEventListener("keydown", function (event) { @@ -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