10.9. Displaying Remaining Character Count

10.9.1. Problem

Your company has a contact form on its website. This form has a <textarea> element to allow users to express themselves freely. However, you know time is money, and you don’t want your staff reading short novels, so you would like to limit the length of the messages they have to read. In the process, you’d also like to show the end user how many characters are remaining:

<textarea></textarea>
<div class="remaining">Characters remaining: <span class="count">300</span></div>