simple vucabulary app build with HTML JS CSS
VOKABEL-TRAINER (german) scroll down for english
Der Vokabel-Trainer ist eine Anwendung, mit der Benutzer Vokabeln hinzufügen, üben und überprüfen können. Die Anwendung wurde mit HTML, CSS und JavaScript entwickelt.
Funktionen
-addVocabulary(): Diese Funktion ermöglicht es dem Benutzer, neue Vokabeln hinzuzufügen. Die eingegebenen deutschen und englischen Wörter werden im lokalen Speicher gespeichert.
-render(): Diese Funktion rendert die gespeicherten Vokabeln und zeigt sie auf der Benutzeroberfläche an.
-nextVocabulary(): Diese Funktion wählt zufällig eine Vokabel aus dem Wörterbuch aus und zeigt sie auf der Benutzeroberfläche an, um sie abzufragen.
-compare(): Diese Funktion vergleicht die eingegebene deutsche Vokabel mit der ausgewählten Vokabel und gibt eine Rückmeldung, ob die Antwort richtig oder falsch ist.
Verwendung
- Öffnen Sie die HTML-Seite des Vokabel-Trainers in einem Webbrowser Ihrer Wahl.
- Geben Sie ein deutsches Wort und die entsprechende englische Übersetzung in die Textfelder ein.
- Klicken Sie auf den "Hinzufügen" Button, um die Vokabel hinzuzufügen.
- Die hinzugefügten Vokabeln werden unter dem Formular angezeigt.
- Klicken Sie auf den "Vergleiche" Button, um eine zufällige Vokabel abzufragen.
- Geben Sie die deutsche Übersetzung in das Eingabefeld ein und drücken Sie Enter.
- Die Anwendung gibt eine Rückmeldung, ob die Antwort richtig oder falsch ist.
- Die Eingabe wird gelöscht und eine neue Vokabel wird angezeigt.
- Wiederholen Sie Schritt 5 bis 8, um weitere Vokabeln abzufragen.
Bitte beachten Sie, dass dies eine vereinfachte README-Datei ist. Sie können weitere Informationen, Anweisungen oder Verbesserungen hinzufügen, um das Projekt genauer zu beschreiben oder zu erweitern.
Hinweis: Bitte stellen Sie sicher, dass Sie die Dateinamen und Pfade in der README-Datei entsprechend Ihren tatsächlichen Dateien aktualisieren, falls diese von den bereitgestellten Beispielen abweichen.
////////////////////////////////////////////////////////////////////////////////////////////////////
VOCABULARY TRAINER (english)
The Vocabulary Trainer is an application that allows users to add, practice, and test vocabulary. The application is developed using HTML, CSS, and JavaScript.
Features -addVocabulary(): This function allows users to add new vocabulary. The entered German and English words are stored in local storage.
-render(): This function renders the stored vocabulary and displays it on the user interface.
-nextVocabulary(): This function randomly selects a vocabulary word from the dictionary and displays it on the user interface for testing.
-compare(): This function compares the entered German word with the selected vocabulary word and provides feedback on whether the answer is correct or wrong.
Usage
- Open the HTML page of the Vocabulary Trainer in a web browser of your choice.
- Enter a German word and its corresponding English translation in the text fields.
- Click the "Add" button to add the vocabulary word.
- The added vocabulary will be displayed below the form.
- Click the "Test" button to test a random vocabulary word.
- Enter the German translation in the input field and press Enter.
- The application will provide feedback on whether the answer is correct or wrong.
- The input field will be cleared, and a new vocabulary word will be displayed.
- Repeat steps 5 to 8 to test more vocabulary words.
Please note that this is a simplified README file. You can add more information, instructions, or enhancements to provide a more detailed description or expand the project further.
Note: Please make sure to update the file names and paths in the README file according to your actual files if they differ from the provided examples.