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