|
|
| Zeile 1: |
Zeile 1: |
| <header> | | <iframe src="https://kreidezeit.kiwi/schreiben/phase1.html" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe> |
| | |
| <h1>interaktives Prompt Engineering zum Schreiben von Texten</h1>
| |
| | |
| <h5>Vier Phasen: 1.planen 2.formulieren 3. verschriften und 4. revidieren</h5>
| |
| | |
| </header>
| |
| | |
| | |
| | |
| <br>
| |
| | |
| <section class="instructions">
| |
| | |
| <p>Phase 1: Starte den Schreibprozess, indem du dein Thema eingibst. Wähle dann für jede Phase des Schreibens die passenden Optionen aus, und erhalte hilfreiche Vorschläge von der KI.</p>
| |
| | |
| </section>
| |
| | |
| <br>
| |
| | |
| <div class="theme-section">
| |
| | |
| <h2 class="theme-title">Thema:</h2>
| |
| | |
| <input type="text" id="themeInput" placeholder="Gib dein Thema ein" class="theme-input">
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <br>
| |
| | |
| <table>
| |
| | |
| <tbody>
| |
| | |
| <tr class="craft-section" id="overview">
| |
| | |
| <td colspan="2">
| |
| | |
| <strong>Brauchst Du zu deinem Thema eine Zusammenfassung?</strong>
| |
| | |
| </td>
| |
| | |
| </tr>
| |
| | |
| <tr>
| |
| | |
| <td>ÜBERBLICK:</td>
| |
| | |
| <td>
| |
| | |
| <select id="overviewSelect"></select>
| |
| | |
| </td>
| |
| | |
| </tr>
| |
| | |
| | |
| | |
| <tr class="craft-section" id="structure">
| |
| | |
| <td colspan="2">
| |
| | |
| <strong>Gliederungsvorschlag der KI anfordern - möglichst in Stichpunkten</strong>
| |
| | |
| </td>
| |
| | |
| </tr>
| |
| | |
| <tr>
| |
| | |
| <td>GLIEDERUNG:</td>
| |
| | |
| <td>
| |
| | |
| <select id="structureSelect"></select>
| |
| | |
| </td>
| |
| | |
| </tr>
| |
| | |
| </tbody>
| |
| | |
| </table>
| |
| | |
| | |
| | |
| <button onclick="generatePrompt()">Prompt generieren</button>
| |
| | |
| <br>
| |
| | |
| <div class="prompt-container" id="promptOutput"></div>
| |
| | |
| <br>
| |
| | |
| <button onclick="copyPrompt()">Prompt kopieren</button>
| |
| | |
| | |
| | |
| <script>
| |
| | |
| const categories = {
| |
| | |
| overview: [
| |
| | |
| "Zusammenfassung des Themas",
| |
| | |
| "kurze Zusammenfassung des Themas (150 Wörter)",
| |
| | |
| "Stichpunktartige Zusammenfassung des Themas",
| |
| | |
| "keine Zusammenfassung des Themas"
| |
| | |
| ],
| |
| | |
| structure: [
| |
| | |
| "Schlage eine Gliederung mit stichpunktartiger Einleitung, 5 - 7 Thesen und einem Fazit vor.",
| |
| | |
| "Schlage eine stichpunktartige Gliederung in Tabellenform mit 5 - 7 Thesen",
| |
| | |
| "Schlage eine Gliederung mit stichpunktartig formulierten Argumenten zu jeder These vor"
| |
| | |
| ],
| |
| | |
| };
| |
| | |
| | |
| | |
| for (let category in categories) {
| |
| | |
| const selectElement = document.getElementById(category + "Select");
| |
| | |
| categories[category].forEach(optionText => {
| |
| | |
| const optionElement = document.createElement("option");
| |
| | |
| optionElement.textContent = optionText;
| |
| | |
| selectElement.appendChild(optionElement);
| |
| | |
| });
| |
| | |
| }
| |
| | |
| | |
| | |
| function generatePrompt() {
| |
| | |
| const themeValue = document.getElementById('themeInput').value;
| |
| | |
| const overviewValue = document.getElementById('overviewSelect').value;
| |
| | |
| const structureValue = document.getElementById('structureSelect').value;
| |
| | |
| | |
| | |
| const promptText = `Hey KI, generiere mir einen Vorschlag für die Planung einer Schreibaufgabe mit dem Thema: "${themeValue}". Erstelle dazu in einem ersten Schritt eine "${overviewValue}" und "${structureValue}".`;
| |
| | |
| | |
| | |
| document.getElementById('promptOutput').textContent = promptText;
| |
| | |
| }
| |
| | |
| | |
| | |
| function copyPrompt() {
| |
| | |
| const range = document.createRange();
| |
| | |
| range.selectNode(document.getElementById('promptOutput'));
| |
| | |
| window.getSelection().removeAllRanges();
| |
| | |
| window.getSelection().addRange(range);
| |
| | |
| document.execCommand('copy');
| |
| | |
| window.getSelection().removeAllRanges();
| |
| | |
| alert('Prompt wurde kopiert.');
| |
| | |
| }
| |
| | |
| </script>
| |
| | |
| | |
| | |
| | |
| | |
| <br>
| |
| | |
| <hr>
| |
