Forum Discussion
Live character count of essay question box
I have an essay box with a limit of 1000 characters. I'd like to show (below it) a live character count of - either - characters used or characters remaining (either one, doesn't matter to me). I i...
Hi Judy. I don't think you will find a way to do this without some JavaScript.
If you are still interested, I attached an updated version of your story with a working character counter.
https://360.articulate.com/review/content/55f8f9ac-4384-45f0-8330-3022588abaa7/review
I added a small JS snippet on the first slide's timeline start. It finds the email body input box, attaches an event handler which watches the contents of this box, and updates the displayed AAcount variable whenever the contents change.
I disabled the add 1 to AAcount trigger
I added two text variables in SL:
fnListener (a reference to the event listener)
refInputBox (a reference to the text input box for the email body)
I added one last snippet of JS on the timeline start of the next slide (after the user successfully submits the form) that removes the event handler that was attached to the input box since we don't need it anymore. It uses both of the new variables to know what needs to be removed.
Hi Nathanial;
I have another question that I hope isn't too big. I love the JavaScript you created to show a character count! Since I know nothing about JS, is there a quick thing I can add to reset to 0 if a user wishes to try again? THANK YOU!
