13.01.2023, 17:19
Hallo rzscout!
Um dein Programm zu verstehen, habe ich es für mich strukturiert und verändert. Dass es trotzdem funktioniert, war ein Erfolgserlrbnis.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Buchstaben zählen von rzscout (angepasst) </title>
<script>
var wort, btn, output;
document.addEventListener
('DOMContentLoaded', ()=>
{
wort = document.getElementById('wort');
btn = document.getElementById('btn');
output = document.getElementById('output');
btn.addEventListener
('click', ()=>
{
let count = wort.value.length;
output.value = `Das Wort hat ${count} Buchstaben.`;
}
);
}
);
</script>
</head>
<body>
<input type="text" name="wort" id="wort" placeholder="Hier das Wort eingeben"><p>
<button id="btn">Zeichen zählen</button><p><output id="output">
</body>
</html>
Um das alles zu verstehen, brauche ich wohl noch ein paar Seiten Lehrbuch.
Um dein Programm zu verstehen, habe ich es für mich strukturiert und verändert. Dass es trotzdem funktioniert, war ein Erfolgserlrbnis.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Buchstaben zählen von rzscout (angepasst) </title>
<script>
var wort, btn, output;
document.addEventListener
('DOMContentLoaded', ()=>
{
wort = document.getElementById('wort');
btn = document.getElementById('btn');
output = document.getElementById('output');
btn.addEventListener
('click', ()=>
{
let count = wort.value.length;
output.value = `Das Wort hat ${count} Buchstaben.`;
}
);
}
);
</script>
</head>
<body>
<input type="text" name="wort" id="wort" placeholder="Hier das Wort eingeben"><p>
<button id="btn">Zeichen zählen</button><p><output id="output">
</body>
</html>
Um das alles zu verstehen, brauche ich wohl noch ein paar Seiten Lehrbuch.