💡 Bulb Toggle Project Using HTML, CSS & JavaScript

js
let bulb = document.getElementById("bulb");
let btn = document.getElementById("btn");

btn.addEventListener("click", () => {
  if (bulb.src.includes("bulb-off")) {
    bulb.src = "bulb-on.png";
    btn.innerText = "Turn Off";
  } else {
    bulb.src = "bulb-off.png";
    btn.innerText = "Turn On";
  }
});

Simple, right? But it taught me a lot about DOM events and conditions.


🎯 What I Learned

As a backend newbie, this project helped me:
    • Get comfortable manipulating the DOM
    • Build logic without frameworks
    • Appreciate how frontend and backend work together


## Video

https://www.instagram.com/p/DLTG_s_s54v/?igsh=dnlpbnEydTI1aHk1



👨🏽‍💻 About Me

I’m a backend development learner from Nigeria 🇳🇬
Learning one bug and project at a time 😅
Currently working with Node.js, Express, and MongoDB.
Let’s connect!


✅ Want to Build It Too?

This project is perfect for beginners. You only need:
    • A text editor (like VS Code)
    • A browser to test it
    • Some patience and curiosity 😉



Thanks for reading!

Feel free to share feedback or ask me how I did certain parts.
You can also follow my journey here on DEV or connect via Hashnode: anizoomy.hashnode.dev

Happy coding! 💡