maraz/Glueck-Auf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

anpassung textanalyse

Browse source
This commit is contained in:
Mara Zöllner 2026-05-20 20:59:32 +02:00
parent 3917684865
commit 99f3a281b0
1 changed files with 41 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
js/textanalyse.js
View file

@ -1,19 +1,47 @@
function analyseText(text) {
let zeichen = text.length;
let woerter = text.split(" ").length;
let grossbuchstaben = text.toUpperCase();
const zeichen = text.length;
const woerter = text.trim() === "" ? 0 : text.trim().split(/\s+/).length;
const grossbuchstaben = (text.match(/[A-ZÄÖÜ]/g) || []).length;
const saetze = (text.match(/[.!?]+/g) || []).length;
return `Zeichen: ${zeichen}
Wörter: ${woerter}
Großbuchstaben: ${grossbuchstaben}`;
return { zeichen, woerter, grossbuchstaben, saetze };
}
let text = prompt("Gib einen Text ein:");
document.addEventListener("DOMContentLoaded", () => {
const container = document.querySelector(".page") || document.querySelector(".page-hero");
if (text === "" || text === null) {
alert("Fehler: Du hast keinen Text eingegeben!");
} else {
let ergebnis = analyseText(text);
alert(ergebnis);
}
const ui = document.createElement("div");
ui.className = "page";
ui.innerHTML = `
<textarea id="ta-input" rows="6" placeholder="Text hier eingeben…" style="width:100%;padding:1rem;font-family:'Barlow',sans-serif;font-size:1rem;background:rgba(255,255,255,0.05);color:inherit;border:1px solid rgba(255,255,255,0.15);resize:vertical;margin-bottom:1rem;"></textarea>
<a class="btn" id="ta-btn" href="#">Analysieren</a>
<div id="ta-ergebnis" style="margin-top:2rem;display:none;">
<hr>
<div class="cards" style="margin-top:1.5rem;">
<div class="card"><div class="num" id="r-zeichen">0</div><h3>Zeichen</h3></div>
<div class="card"><div class="num" id="r-woerter">0</div><h3>Wörter</h3></div>
<div class="card"><div class="num" id="r-gross">0</div><h3>Großbuchstaben</h3></div>
<div class="card"><div class="num" id="r-saetze">0</div><h3>Sätze</h3></div>
</div>
</div>
`;
container.insertAdjacentElement("afterend", ui);
document.getElementById("ta-btn").addEventListener("click", (e) => {
e.preventDefault();
const text = document.getElementById("ta-input").value;
if (text.trim() === "") {
alert("Bitte gib einen Text ein.");
return;
}
const { zeichen, woerter, grossbuchstaben, saetze } = analyseText(text);
document.getElementById("r-zeichen").textContent = zeichen;
document.getElementById("r-woerter").textContent = woerter;
document.getElementById("r-gross").textContent = grossbuchstaben;
document.getElementById("r-saetze").textContent = saetze;
document.getElementById("ta-ergebnis").style.display = "block";
});
});