Add README.md
This commit is contained in:
94
README.md
Normal file
94
README.md
Normal file
@@ -0,0 +1,94 @@
|
|||||||
|
Week 2 Day 5 – Smart Analyzer v3 (Advanced)
|
||||||
|
|
||||||
|
Project Overview
|
||||||
|
|
||||||
|
This project is an advanced version of the Number Analyzer. It uses **arrays, objects, functions, and sorting** to generate structured data and display it in a **dynamic HTML table**.
|
||||||
|
|
||||||
|
Features
|
||||||
|
|
||||||
|
* Takes user input
|
||||||
|
* Generates numbers from 1 to input
|
||||||
|
* Identifies:
|
||||||
|
|
||||||
|
* Even / Odd
|
||||||
|
* Prime numbers
|
||||||
|
* Calculates:
|
||||||
|
|
||||||
|
* Square
|
||||||
|
* Cube
|
||||||
|
* Displays output in **table format**
|
||||||
|
* Supports **sorting (Ascending / Descending)**
|
||||||
|
* Shows summary counts
|
||||||
|
|
||||||
|
Tech Stack
|
||||||
|
|
||||||
|
* HTML5
|
||||||
|
* CSS3
|
||||||
|
* JavaScript (Vanilla JS)
|
||||||
|
|
||||||
|
|
||||||
|
How It Works
|
||||||
|
|
||||||
|
1. User enters a number
|
||||||
|
2. Selects sorting order (Ascending / Descending)
|
||||||
|
3. Clicks **Analyze**
|
||||||
|
4. Application flow:
|
||||||
|
|
||||||
|
* `generateData()` → creates array of objects
|
||||||
|
* `sortData()` → sorts data
|
||||||
|
* `renderTable()` → displays table
|
||||||
|
5. Summary is shown below table
|
||||||
|
|
||||||
|
Data Structure Used
|
||||||
|
|
||||||
|
Each number is stored as an object:
|
||||||
|
|
||||||
|
{
|
||||||
|
number: 5,
|
||||||
|
type: "Odd",
|
||||||
|
prime: true,
|
||||||
|
square: 25,
|
||||||
|
cube: 125
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Key Concepts Used
|
||||||
|
|
||||||
|
* Arrays & Objects
|
||||||
|
* Array methods (`push`, `forEach`, `sort`)
|
||||||
|
* Functions & modular code
|
||||||
|
* DOM manipulation
|
||||||
|
* Template literals
|
||||||
|
* Conditional logic
|
||||||
|
* Prime number optimization (√n)
|
||||||
|
|
||||||
|
Output Example
|
||||||
|
|
||||||
|
| Number | Type | Prime | Square | Cube |
|
||||||
|
| ------ | ---- | ----- | ------ | ---- |
|
||||||
|
| 1 | Odd | No | 1 | 1 |
|
||||||
|
| 2 | Even | Yes | 4 | 8 |
|
||||||
|
| 3 | Odd | Yes | 9 | 27 |
|
||||||
|
|
||||||
|
Summary:
|
||||||
|
|
||||||
|
* Total Even: 1
|
||||||
|
* Total Odd: 2
|
||||||
|
* Total Prime: 2
|
||||||
|
|
||||||
|
Future Improvements
|
||||||
|
|
||||||
|
* Add search/filter functionality
|
||||||
|
* Highlight prime numbers with color
|
||||||
|
* Export data (CSV / Excel)
|
||||||
|
* Add pagination for large inputs
|
||||||
|
|
||||||
|
Learning Outcome
|
||||||
|
|
||||||
|
* Structuring data using objects
|
||||||
|
* Transforming data using arrays
|
||||||
|
* Rendering dynamic UI components
|
||||||
|
* Implementing sorting logic
|
||||||
|
* Writing modular and scalable JavaScript
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user