JavaScript Mini Project | Build a Dark/Light Mode Toggle

Опубликовано: 29 Июль 2026
на канале: The Queen of Web Academy
158
2

👋 Welcome to my channel! I’m Habeebah Aleilo, also known as the Queen of Web.
I teach coding in a simple, beginner-friendly way — so you can learn HTML, CSS, JavaScript, and full-stack development step by step.

🌙☀️ In this short JavaScript project, we’ll build a Dark/Light Mode Toggle for your webpage!

👉 What you’ll learn:
✅ How to access and change styles dynamically
✅ How to use onclick to switch between modes
✅ A simple mini project to practice your JavaScript skills

Perfect for beginners who want to make their websites look modern and interactive.

#javascript #darkmode #codingforbeginners #frontenddevelopment #miniProject

🚀 If you’re new to coding or learning with just your phone or laptop, you’re in the right place!

📌 Watch More Tutorials Here:

👉 Getting Started With Web Development
   • Getting Started with Web Development  

👉 CSS for Beginners
   • CSS For Beginners  

👉 HTML For Absolute Beginners
   • HTML for Absolute Beginners  

👉 JavaScript Lessons
   • JavaScript Lessons  

👉 FreeCodeCamp Projects
   • FreeCodeCamp Projects  

💡 Don’t forget to subscribe and turn on the 🔔 notification so you won’t miss any new coding tutorials!

📲 Let’s Connect
GitHub: https://www.github.com/queenhabeebah
LinkedIn: https://www.linkedin.com/in/habeebah-aleilo

#CodingForBeginners #WebDevelopment #JavaScript #HTML #CSS #ReactJS #NodeJS #FullStackDevelopment #LearnCoding #ProgrammingMadeEasy #TechWithHabeebah #TheQueenOfWeb #HabeebahAleilo