Character Counter

Build a text box that counts characters and warns when a limit is passed. You practice controlled inputs and values derived from state.

• The complete interface: the textarea, the counter and the warning.
• Your job is the logic: store the text, compute the count and decide when to warn.
• Keep the N/50 format, the text Limit exceeded and the roles: the tests use them.

• The counter is shown as N/50 inside the element with role="status" and at the start it is 0/50.
• The count updates every time the user types.
• If the text is longer than 50 characters, Limit exceeded appears in an element with role="alert".

• You open the challenge → you see 0/50.
• You type test → you see 4/50 and no warning.
• You type 60 letters → you see 60/50 and the warning Limit exceeded.

• Controlled inputs (value + onChange).
• Derived values instead of duplicated state.
• Conditional rendering.