boilerplate-react-functional-public

In this app we will be making a Word and Character counter app. First there needs to be a textarea element which will take the input from user.

Below that element, create 2 divs with id="word-counter" and id="char-counter" respectively. #word-counter will show the number of words(empty space is not considered a word) and #char-counter will show the number of characters typed.

Also make an input with id="char-limit-input" which takes a number which is the limit of characters we can type in. By default char limit should be 50.

And the last input should be a slider input(with id ="fontSize-input") for taking the font size, default and min value should be 16px and max would be 32px.

Apply the fontSize property to the textarea element.

Demo video:-