Mastering JavaScript Fundamentals

📌 Overview

This project is part of my JavaScript learning journey. It demonstrates essential JavaScript concepts, including variables, conditionals, functions, loops, and DOM manipulation. The goal is to create a fully functional, interactive web page using only HTML, CSS, and JavaScript.

---

🎯 Features

The project covers the following:

1️⃣ JavaScript Basics

• Variable declarations using let and const
• Handling user input
• Conditional logic using if...else
• Outputting results via:
  • console.log()
  • Modifying webpage content dynamically

2️⃣ Functions — Reusability

• At least 2 custom functions for tasks like:
  • Calculating totals
  • Formatting strings
  • Toggling webpage content
• Functions take inputs, process data, and return/display results

3️⃣ Loops — Repetition Power

• for loop example
• while loop example
• Looping through arrays, generating content, or creating countdowns

4️⃣ DOM Manipulation

• Selecting HTML elements using document.getElementById() and querySelector()
• Changing text and styles dynamically
• Listening for user events like clicks
• Creating and appending elements on the fly

---

📂 Project Structure

📁 mastering-js-fundamentals
│── index.html   # Main HTML structure
│── style.css    # Styling 
│── script.js    # JavaScript logic
│── README.md    # Project documentation

Live Demo 🌐

Your site is live at:
➡️https://dvchege.github.io/Mastering_javaScript/

🚀 How to Run

1. Download or Clone the Repository

   git clone https://github.com/DvChege/mastering-js-fundamentals.git

2. **Open the Project Folder**
   Navigate into the folder:

   ```bash
   cd mastering-js-fundamentals
   ```
3. **Open index.html in a Browser**
   Right-click `index.html` and choose **Open with Browser**.

---

## 🛠️ Technologies Used

* HTML5 — Structure
* CSS — Styling (optional)
* JavaScript — Functionality & interactivity

---

## 📖 Learning Outcomes

By completing this project, I learned how to:

* Declare and use variables effectively
* Implement conditionals to make decisions in code
* Create reusable functions
* Use loops for repetitive tasks
* Manipulate the DOM for interactive web pages

---

## ✨ Author

Josphat Chege
📧 Email: mailto:cjosphat964@example.com
💻 GitHub:https://github.com/DvChege