</ Mit Javascript Zeichen zählen >
Habe mir mal gedanken gemacht wie ich mit Javascript Zeichen zählen kann. Nach kurzer Zeite bin ich auf zwei lösungen gestoßen.
Die einfache Variante sieht so aus:
Code
<html>
<head>
<title>Zeichen zählen Einfach</title>
<script language="javascript">
function zaehlen1() {
var zeichen1 = window.document.getElementById('text1').value.length;
document.getElementById("counter1").innerHTML = zeichen1+ ' Zeichen';
}
</script>
</head>
<body>
<div id="counter1">0 Zeichen</div>
<textarea id="text1" cols="70" rows="4" onkeyup="javascript:zaehlen1()"></textarea>
</body>
</html>
Bei der erweiterten Lösung verändert sich, ab 30 Zeichen, die Farbe und der Hinweis und das ganze sieht so aus:
Code
<html>
<head>
<title>Zeichen zählen Erweitert</title>
<script type="text/javascript">
function zaehlen2() {
var zeichen2 = document.getElementById('text2').value.length;
if(zeichen2 < 30)
document.getElementById("counter2").style.color="red";
else
document.getElementById("counter2").style.color="green";
if(zeichen2 < 30)
document.getElementById("counter2").innerHTML = zeichen2+ ' Zu wenig Zeichen';
else
document.getElementById("counter2").innerHTML = zeichen2+ ' Genug Zeichen';
}
</script>
</head>
<body>
<div id="counter2">0 Zu wenig Zeichen</div>
<textarea onkeyup="zaehlen2()" cols="70" rows="4" size="40" id="text2" ></textarea>
</body>
</html>
Hier ein Beispiel.
0 Zu wenig Zeichen
Permanentlink:
https://twus.info/200
