1. Javascript Dynamic Character Counter

Use JavaScript DOM2 events to give the user feedback on the number of characters in these fields, as well as the number of characters left. This should operate dynamically as the user types in the fields on Room Booking Form and the Note Form. Should the character limit be exceeded, the user should be permitted to continue typing, but it should be made apparent that the limit has been exceeded. The function for counting the number of characters should be designed to be re-used for both forms.

a. Room Booking Form description of booking (non-blank; shorter than 50 characters)

b. Note Form note (non-blank; shorter than 500 characters)