GoConqr has a new look! Let us know what you think.

13. JS Forms

Module 1 · Media Course's Objectives
Module 2 · Media Forms
Module 3 · Media Reset and Submit
Module 4 · Media Input Attributes
Module 5 · Media Validate a basic form
Module 6 · Media Checkvalidity
Module 7 · Media Invalid Event
Module 8 · Media Validity
Module 9 · Media Custom error messages
Module 10 · Media Form Pseudos
Module 11 · Media Validate the cv App
Module 12 · Media Validating string
Module 13 · Media Regex
Module 14 · Media The telephone number pattern
Module 15 · Media Literal
Module 16 · Media Alternatives Regex
Module 17 · Media Alternatives and optionals
Module 18 · Media The Mohammed's Name problem
Module 19 · Media Metacharacters
Module 20 · Media Character Sets
Module 21 · Media Quantifiers
Module 22 · Media Full name regex problem
Module 23 · Media Validate Password pattern
Module 24 · Media Validate German cellphone number
Module 25 · Media Validate email address
Module 26 · Media Check Valid Url address
Module 27 · Media Boundary
Module 28 · Media Who loves bears?
Module 29 · Media Match
Module 30 · Media Modifiers
Module 31 · Media Facebook vs Twitter You are here
Module 32 · Media The Pattern attribute
Module 33 · Media Form Attributes

Close the course

Module 31 of 33 · Media

Facebook vs Twitter

Kostas Diakogiannis

FO-9 Facebook vs Twitter

Create a textarea so the user can type some things about the social media he uses everyday.

Try to capture how many times the user has written the word 'facebook' and how many times the word 'twitter'. Create two counter variables for both and next to the textarea have 2 span elements, one for each saying:

FB: 5 Shares (assuming that the word 'facebook' was found 5 times in the text)

TW: 4 Tweets (assuming that the word 'twitter' was found 4 times in the text).

Ignore case sensitivity.

Bonus: Make this work even if the user types at some 'fb' (facebook counter gets one more in this case) or 'tw' (twitter counter increases).

At the end your result should look something like this:

Facebook vs Twitter

13. JS Forms

Instructions

Feedback

What do you think of the new look?