Skip to content

A simple and fun web project that demonstrates DOM manipulation using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

hemanthkumar0405/Bulb-Toggle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’‘ Bulb Toggle App

A simple and fun web project that demonstrates DOM manipulation using HTML, CSS, and JavaScript. The app allows users to turn a virtual bulb ON with a chosen color and OFF to reset it to white.

πŸš€ Features

  • Toggle bulb ON with a color of your choice (via prompt)
  • Turn OFF resets the bulb to default white
  • Smooth color transitions
  • Clean and responsive UI using CSS Flexbox

🌐 Technologies Used

  • HTML5
  • CSS3 (Flexbox, transitions)
  • JavaScript (DOM manipulation, prompt interaction)

πŸ“Έ Preview

Bulb Toggle Preview

πŸ’‘ How It Works

  1. The user clicks the Turn ON button.
  2. A prompt appears to enter a color (like red, yellow, #ff0, rgb(255,255,0)).
  3. The bulb changes to the specified color.
  4. Clicking Turn OFF resets the bulb to white.

πŸš€ How to Run This Project

  1. Clone the repository:

    git clone https://github.com/hemanthkumar0405/Bulb-Toggle.git

About

A simple and fun web project that demonstrates DOM manipulation using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published