Bulb on/off using Javascript |JavaScript Can Change HTML Attribute Values
In this tutorial, you'll learn how to toggle a bulb on and off using JavaScript by changing HTML attribute values. We will use an image (img) element to represent the bulb and create a simple function that switches the bulb between on and off states when a button is clicked.
What You'll Learn:
How to manipulate HTML attributes using JavaScript
How to dynamically change the src attribute of an image
How to create a basic on/off toggle function with JavaScript
Code Highlights:
We use JavaScript's getElementById() to target the bulb image.
The if-else statement checks the current state of the bulb and changes the image accordingly.
This is a great beginner-friendly project to help you understand the basics of DOM manipulation with JavaScript.
Don't forget to like 👍 and subscribe 🔔 for more tutorials on web development and JavaScript!