A simple and interactive web application built with HTML, CSS, and vanilla JavaScript that demonstrates DOM manipulation, form handling, and timing events (setInterval).
- Form Interaction: Takes the user's name, converts it to uppercase, and dynamically displays a greeting inside a
textarea. - Countdown Timer: Features a 5-second countdown timer that updates in real-time.
- Dynamic Background: The color of the central box changes randomly every second during the countdown.
- Click Protection: Prevents multiple timer instances from running simultaneously if the user clicks the "Start" button repeatedly.
- Completion Event: Displays a "Finished" status once the countdown hits zero.
- HTML5: For page structure and form inputs.
- CSS3: For styling the color box and layout.
- JavaScript (ES6): For managing the timer state, uppercase text conversion, and dynamic style updates.