Light Bulb Switcher is a simple interactive web page where you can toggle between two images of a light bulb. Clicking the button changes the image displayed and adjusts the background color of the page, providing a visual switch effect.
Features
Toggle Button:
Clicking the button toggles between two images (light_bulb_01.png and light_bulb_05.png).
Dynamic Background:
Changes the background color of the page when switching between images for visual feedback (black and #f0f391).
Styling:
The button (#start) is styled with a red background, light gray border, rounded corners, and changes to dark red when clicked (:active state).
The image (<img>) is centered horizontally with a fixed width of 400 pixels for consistent display.
Accessibility:
Includes alternate text (alt="light bulb") for the <img> element to ensure accessibility for users who rely on screen readers.
Responsive Design:
Utilizes viewport meta tag to ensure proper scaling on various devices.
Modular Code:
Separates styling (style.css) and functionality (script.js) for cleaner code organization and easier maintenance.
You have to login to leave a review!
All Reviews
No Review!
What type of support is included? Verified source code Free support included Download code immediately Quality guarantee for your satisfaction Support: info@sellanycode.com
You have to purchase this item to get support!
You have to login to ask a question!
All Questions
No Question!
$2
Verified source code
Join 35189+ buyers which trust us!
Download code immediately
100% Guarantee For Item! Satisfaction guarantee policy.