Week 4: JavaScript Fundamentals
Author
Project Description
This project focuses on learning the fundamentals of JavaScript. The goal was to understand how JavaScript works with variables, functions, loops, arrays, and objects. During this week, I built several small programs including a FizzBuzz challenge, string reversal function, interactive calculator, and a student grade tracker. These exercises helped me practice writing logic, manipulating data, and organizing JavaScript code.
Technologies Used
- HTML5
- CSS3
- JavaScript
- Git & GitHub
Features
- JavaScript FizzBuzz program that prints numbers from 1–100 with conditional logic
- Reverse String function using loops and built-in methods
- Interactive calculator supporting addition, subtraction, multiplication, division, modulus, and exponentiation
- Student Grade Tracker that manages students, calculates averages, and generates report cards
- Practice with arrays, objects, and array methods such as map(), filter(), and reduce()
How to Run
- Clone this repository.
- Open
index.html in your browser
OR
Run npm install then npm start
Lessons Learned
- How to declare and use variables with let and const
- Writing functions to organize code
- Using loops like for and while
- Making decisions using if/else statements
- Working with arrays and objects
- Using array methods like map, filter, and reduce
- Building simple programs using JavaScript logic
Challenges Faced
One challenge was understanding how to structure logic in loops and conditions, especially in problems like FizzBuzz. I also needed time to understand how array methods work when manipulating data. I solved these challenges by testing small pieces of code in the console and practicing multiple approaches until I understood how JavaScript processes each step.
Screenshots
View FizzBuzz Console Output
View Student Grade Tracker Output
View Calculator Output
Live Demo
View Live Demo
Student Grade Tracker
FizzBuzz
Calculator
