JavaScript Task Repository

This repository is a collection of JavaScript foundational questions and DOM-based projects. It is divided into two main sections to showcase problem-solving skills and creative project-building using JavaScript.

---

📁 Folder Structure

1. Ali Bhaiya

• Contains solutions to JavaScript foundation questions.
• Focused on strengthening core JavaScript concepts and problem-solving skills.

2. Sarthak Bhaiya

• Includes DOM-based projects to demonstrate practical applications of JavaScript in web development.
• Each project is designed to interact with and manipulate the Document Object Model (DOM).
• Live Previews available for projects.

---

🌟 Features

• Foundational Learning: Step-by-step solutions to foundational JavaScript questions.
• Interactive DOM Projects: Hands-on, visually appealing web projects built with JavaScript, HTML, and CSS.
• Live Previews: Explore the DOM projects directly through live links.
• Clean Codebase: Well-organized, commented, and easy-to-navigate folders and files.

---

🔧 How to Use

For JavaScript Foundations:

1. Navigate to the Ali Bhaiya folder.
2. Explore the .js files for individual question solutions.
3. Run the files in your preferred editor or browser console.

For DOM Projects:

1. Navigate to the Sarthak Bhaiya folder.
2. Open the respective project folders.
3. Access the index.html file to view the project locally or use the live preview links below.

---

BASIC PRACTICE PROJECTS

🌐 Live Previews

**JS DOM **	Live Link
Project 1: [Clock ]	View Live
Project 2(a): [Events -Keyboard events]	View Live
Project 2(b): [Events -Mouse events cursor follower]	View Live
Project 3: [Add Freinds Cards]	View Live
Project 4: [Dynamic data Cards]	View Live
Project 5: [Creating div on click]	View Live
Project 6: [ random colors]	View Live
Project 7: [Image Modals]	View Live
Project 8: [Social Media UI]	View Live
Project 9: [JS 3 TASK COMBINE]	View Live

---

---

BASIC JS TASKS

🌐 Live Previews

**12 TASKS OF JS **	Live Link
Project 1: [Task 1 (Bulb) ]	View Live
Project 2: [Task 2 (on click change the text)]	View Live
Project 3: [Task 3 (button clicked)]	View Live
Project 4: [Randome winner of IPL]	View Live
Project 5: [On click div size changed]	View Live
Project 6: [On click div position changed]	View Live
Project 7: [Counter ]	View Live
Project 8: [Cursure folllower ]	View Live
Project 9: [Hamburuger NavBar ]	View Live
Project 10: [Heart animation of instagram]	View Live
Project 11: [DarkMode ]	View Live
Project 12: [TextArea Reset ]	View Live

---

---

BASIC JS TASKS

🌐 Live Previews

**Extra projects **	Live Link
Project 1: [Bubble Game]	View Live
Project 2: [Analog clock ]	View Live
Project 2: [Next js ]	View Live

---

🚀 Technologies Used

• JavaScript: Core programming language.
• HTML & CSS: For structuring and styling the DOM projects.

---

👤 Author

• Adit
  GitHub: Adit122022

---

📝 License

This project is open-source and available under the MIT License. Feel free to contribute and explore!

---

💡 Future Enhancements

• Add more foundational questions and their solutions.
• Build advanced DOM projects.
• Enhance live previews with interactive features.

Feel free to fork, clone, and contribute! 😊