Schreiben-mit-KI
<header>
interaktives Prompt Engineering zum Schreiben von Texten
Vier Phasen: 1.planen 2.formulieren 3. verschriften und 4. revidieren
</header>
<section class="instructions">
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.
</section>
Thema:
<input type="text" id="themeInput" placeholder="Gib dein Thema ein" class="theme-input">
|
Brauchst Du zu deinem Thema eine Zusammenfassung? |
|
| ÜBERBLICK: |
<select id="overviewSelect"></select> |
|
Gliederungsvorschlag der KI anfordern - möglichst in Stichpunkten |
|
| GLIEDERUNG: |
<select id="structureSelect"></select> |
<button onclick="generatePrompt()">Prompt generieren</button>
<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>
