Message Input with Character Counter Overview

This project is a responsive web page featuring a full-page background image and a centered message input area. Users can type messages up to 200 characters. The page provides real-time feedback with a dynamic character counter, a progress bar that changes color as the user types, and a warning message when the limit is reached.

Features

Full-page background image for an engaging design.

Centered textarea for focused message input.

Real-time character counter showing current and maximum characters.

Dynamic progress bar:

Green: safe (<50% of limit)

Yellow: approaching limit (50–79%)

Red: near limit (80–100%)

Warning message when user reaches the 200-character limit.

Prevents typing beyond the maximum allowed characters.

Built entirely with HTML, CSS, and JavaScript.