Saturday, 17 June 2023

How to Make a Bulb Effect Using JavaScript || JavaScript Projects


   
              <!DOCTYPE html>
             <html lang="en">

            <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>light-blub </title>
   
            </head>

            <body>
   
            <button id="turnon" onclick="document.getElementById('bulb')
           .src='/light-blub/img/on-bulb.jpg' ">Turn on</button>
            <img id="bulb" src="/light-blub/img/off-bulb.jpg" alt="" class="center">
            <button id="turnoff"  onclick="document.getElementById('bulb')
            .src = '/light-blub/img/off-bulb.jpg' ">Turn Off</button>
            </body>
            </html>


No comments:

Post a Comment

This is me