Skip to content

Newton-School/react-word-counter-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:-

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published