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