JavaScript Introduction – Task 3 📝 Description

This project demonstrates the basics of JavaScript interactivity in a webpage. It includes examples of creating dynamic web elements such as dropdown menus, counters, popups (modals), and form validation. The goal is to understand how JavaScript can be used to manipulate HTML elements, handle user events, and improve user experience on a webpage.

🎯 Objectives

Create interactive elements like dropdowns, modals, and forms.

Write basic JavaScript functions and event listeners.

Validate form inputs using JavaScript.

Understand how to connect HTML, CSS, and JavaScript files effectively.

⚙️ Features

📋 Dropdown Menu – Displays selected meal choice dynamically.

🔢 Counter – Increases, decreases, and resets number values interactively.

💬 Popup Modal – Opens and closes with animation and click/ESC controls.

🧾 Form Validation – Checks username, email, age, and password before submission.

🧠 Technologies Used

HTML5 – For webpage structure

CSS3 – For styling and responsive design

JavaScript (ES6) – For interactivity and validation logic

🚀 How to Run

Clone or download this repository:

git clone https://github.com/yourusername/javascript-introduction-task3.git

Open the project folder.

Run the index.html file in any modern browser Chrome.

Shebin Shaji B.Tech Computer Science | KTU University Currently learning Full Stack Development at QSpiders