Add README.md
This commit is contained in:
60
README.md
Normal file
60
README.md
Normal file
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user