Erste Kommit von Stas
This commit is contained in:
65
js/eigenerCode.js
Normal file
65
js/eigenerCode.js
Normal file
@@ -0,0 +1,65 @@
|
||||
document.getElementById('copyButton').addEventListener('click', () => {
|
||||
const text = document.getElementById('formatText').innerText;
|
||||
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
alert('Format wurde in die Zwischenablage kopiert!');
|
||||
}).catch(err => {
|
||||
console.error('Konnte nicht kopieren: ', err);
|
||||
});
|
||||
});
|
||||
|
||||
const inputText = document.getElementById("inputText").value;
|
||||
const cards = parseWordText(inputText);
|
||||
function parseWordText(inputText) {
|
||||
const wortBlocks = inputText.trim().split("\n\n");
|
||||
const wortListe = [];
|
||||
|
||||
for (let block of wortBlocks) {
|
||||
const lines = block.trim().split("\n").map(line => line.trim());
|
||||
|
||||
if (lines.length !== 5) {
|
||||
console.warn("Block übersprungen (falsches Format):", block);
|
||||
continue;
|
||||
}
|
||||
|
||||
const wortObj = {
|
||||
englisch: lines[0],
|
||||
ipa: lines[1],
|
||||
beispielEN: lines[2],
|
||||
deutsch: lines[3],
|
||||
beispielDE: lines[4]
|
||||
};
|
||||
|
||||
wortListe.push(wortObj);
|
||||
console.log(wortObj);
|
||||
}
|
||||
|
||||
return wortListe;
|
||||
}
|
||||
|
||||
const button = document.getElementById("kartenErstellen");
|
||||
const container = document.getElementById("kartenContainer");
|
||||
|
||||
button.addEventListener("click", () => {
|
||||
container.innerHTML = "";
|
||||
parsedArray.forEach((karte, index) => {
|
||||
const karteDiv = document.createElement("div");
|
||||
karteDiv.classList.add("karte");
|
||||
|
||||
karteDiv.innerHTML = `
|
||||
<div class="karte-inhalt">
|
||||
<div class="karte-vorderseite">
|
||||
<h2>${karte.englisch}</h2>
|
||||
<p><em>${karte.ipa}</em></p>
|
||||
<p>Beispiel: ${karte.beispielEN}</p>
|
||||
</div>
|
||||
<div class="karte-rückseite">
|
||||
<h2>${karte.deutsch}</h2>
|
||||
<p>Beispiel: ${karte.beispielDE}</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
container.appendChild(karteDiv);
|
||||
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user