Simple javascript character counter

[Steve Lampkins]

I have a very simple set of forms that you can use to count the number of characters you enter.

Works well, but I'd rather it were dynamic, so I don't have to click a button.

Also, wrapping a div around the forms, to try and get a background colour (CSS-styled), breaks the first form. No idea why.
EDIT: fixed that, I wasn't properly closing my styling mark up in the div

Any help? Want to keep it simple.


<script language="JavaScript">
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script>


Then three of these in a row:

<form method="POST">
<input type="text" name="charcount" size="75" style="font-family: Courier New; font-size: 10pt;">
<input type="button" onClick="countit(this)" value="Count" style="font-weight:bold; font-size: 10pt;">
<input type="text" name="displaycount" size="3" style="font-weight:bold; font-size: 10pt; text-align:center;">
</form>

[JasonD]

<input type="text" name="charcount" onkeyup="countit(this)" onchange="countit(this)" ...

[Steve Lampkins]

Couldn't get much simpler than that. Thanks a bunch!!

[Dom]

I built a character counter a while ago but I don't think it was as simple as this one. I shall thus steal it, and use it as if it were my own!

#CowboyDeveloper

[Steve Lampkins]

I'm sure everyone already knows you are simple.