JavaScript Learning Website 🚀

A personal learning project built to practice JavaScript fundamentals by creating interactive examples using HTML, CSS, and JavaScript.

The goal of this project is to understand how JavaScript works with web pages and build a foundation for full-stack development.

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

---

📚 JavaScript Topics

✅ Completed

Variables

• Creating and storing data using let and const
• Displaying JavaScript values on a webpage

Example:

• Dynamic recipe information card

---

Data Types

• String
• Number
• Boolean
• Undefined
• Null

Example:

• Displaying different data types using JavaScript

---

Operators

• Arithmetic operators
• Comparison operators
• Logical operators

Example:

• Shopping cart calculator
• Price calculation and discounts

---

Conditions

• if
• else
• else if

Example:

• Even/Odd number checker
• User input validation

---

Loops

• for loops
• Repeating tasks with JavaScript

Example:

• Number generator

---

Functions

• Creating reusable code
• Parameters
• Calling functions

Example:

• Greeting generator using user input

---

DOM Manipulation

• Selecting HTML elements
• Updating content
• Changing styles
• Changing images

Examples:

• Change text
• Change colour
• Change image

---

🚧 Currently Learning

Arrays

• Storing collections of data
• Array methods
• Looping through arrays

Objects

• Creating structured data
• Object properties and methods

Events

• Handling user interactions
• Event listeners

Forms

• Getting user input
• Form validation

ES6+

• Modern JavaScript syntax
• Arrow functions
• Template literals
• Destructuring

APIs

• Fetching external data
• JSON
• Async/Await

---

📂 Project Structure

JavaScript-Learning/

├── index.html
├── style.css
├── script.js
└── README.md

---

🎯 Future Goals

Build JavaScript projects:

• Calculator
• To-do List
• Weather App
• Recipe Finder
• Full-stack applications

---

👨‍💻 Author

Satnam Singh

Learning JavaScript and Full Stack Development 🚀