diff --git a/README.md b/README.md new file mode 100644 index 0000000..f76d44e --- /dev/null +++ b/README.md @@ -0,0 +1,60 @@ +Week 2 Day 2 – JavaScript Voting Eligibility Checker + +Project Overview + +This project is a simple JavaScript-based web application that checks whether a user is eligible to vote based on their age. It demonstrates the use of **JavaScript operators, conditional statements, and DOM manipulation**. + +Features + +* User input for age +* Real-time eligibility check +* Displays result dynamically on the webpage +* Handles invalid input + +Tech Stack + +* HTML5 +* CSS3 +* JavaScript (Vanilla JS) + + +How It Works + +1. User enters their age in the input field +2. Clicks the **Check** button +3. JavaScript function runs: + + * If age ≥ 18 → Eligible + * If age < 18 → Not eligible + * If invalid input → Error message +4. Result is displayed on the screen + +Key Concepts Used + +* Variables and Data Types +* Operators (`+`, `-`, `>=`, etc.) +* Conditional Statements (`if`, `else if`, `else`) +* DOM Manipulation (`getElementById`) + +Output Example + +* Input: 20 → ✅ You are eligible to vote +* Input: 15 → ❌ You are not eligible +* Input: -1 → ⚠️ Please enter a valid age + +Future Improvements + +* Add input validation (only numbers allowed) +* Add styling enhancements +* Convert into a reusable component +* Store user input using Local Storage + +Learning Outcome + +By completing this project, you understand: + +* How JavaScript controls webpage behavior +* How to take user input and process it +* How to apply decision-making logic in real applications + +