PBT3H24AKH/LerningCSW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Grundfunktion zur Erstellung und Darstellung von Flashcards implementiert

Browse Source
This commit is contained in:
Stanislav Kharchenko
2026-01-28 15:04:13 +01:00
parent 4c70efcc64
commit 5db3c93046
3 changed files with 286 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
WoerterLernen.html
View File

@@ -7,29 +7,38 @@
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Flashcards Generator</h1>
<header class="main-header">
<h1>Flashcards Generator</h1>
</header>
<div class="main-wrapper">
<div class="section-title">
<div class="content">
<label for="inputText" class="inputText">Sende deine Wortliste an ChatGPT mit folgender Anweisung:</label>
</div>
<div id="aufgabe_fuer_gpt">
<pre id="formatText">
Bitte formatiere meine Wortliste exakt nach folgendem Schema.
Jeder Eintrag muss durch eine Leerzeile getrennt sein.
<label for="inputText">Sende deine Wortliste an ChatGPT mit folgender Anweisung:</label>
Englisches Wort
[IPA-Transkription]
Beispielsatz auf Englisch
Deutsche Übersetzung des Wortes
Beispielsatz auf Deutsch
</pre>
<button id="copyButton" style="position: absolute; top: 5px; right: 5px; cursor: pointer;">📋</button>
</div>
<div class="content">
<label for="inputText" class="section-title">Füge deinen Text hier ein</label>
<textarea id="inputText" placeholder="Hier Text einfügen..."></textarea>
</div>
</div>
<button id="kartenErstellen">Karten erstellen</button>
<div id="aufgabe_fuer_gpt">
<pre id="formatText">
Bitte formatiere meine Wortliste exakt nach folgendem Schema.
Jeder Eintrag muss durch eine Leerzeile getrennt sein.
<div id="kartenContainer"></div>
Englisches Wort
[IPA-Transkription]
Beispielsatz auf Englisch
Deutsche Übersetzung des Wortes
Beispielsatz auf Deutsch
</pre>
<button id="copyButton" style="position: absolute; top: 5px; right: 5px; cursor: pointer;">📋</button>
<div id="flashcards-container"></div>
<script src="js/eigenerCode.js"></script>
</div>
<textarea id="inputText" rows="10" cols="50" placeholder="Hier Text einfügen..."></textarea>
<div id="kartenContainer"></div>
<button id="kartenErstellen">Karten erstellen</button>
<div id="flashcards-container"></div>
<script src="js/eigenerCode.js"></script>
</body>
</html>