LIGHT ON - OFF USING JAVASCRIPT
CLICK THE "ON" BUTTON TO TURN ON THE BULB AND "OFF" TO TURN OFF THE BULB
CODE :
<!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 on off using javascript</title>
</head>
<body>
<container style="padding-left: 40%;">
<button style="border-color: rgb(0, 255, 213);border-radius: 50px;" onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/a/AVvXsEhXGwd7J1FHsGdB45hNbz0Xx-neJGnRUX-eLkc6hpaIToKB0DE2YjydjZTeZvvripLlaNMXM2GwX7JuZC5L0gAis2xa5Tpq4oPHXBNHo02-35XBlIrKiL7QeOeRGYvb03NQakyCV9ATmfcwXra-ovb5dr_KXxvgQVazKFJ6IE1BJC_sRGuoSPnZ36xa_Q'">ON</button>
<img id="myImage" src="https://blogger.googleusercontent.com/img/a/AVvXsEhzjWcRAU3Ll88gkknxEp5v56sN8jVOFdw-KDeHDZNQ9i_bluZN9bQZwR-d4NyDEdSgDDVJpZvDoE8K53Kswtzqpp74t0fUO3qPNIWIfR13nJIbpcuP8n7LUtZ8X12Hb6K5uceX6I28kIp6UNXvTYC5HyTQVpY0ji_ROPrwQQ21r2BxdyopFxEBQ_ZJqg" style="width:100px">
<button style="border-color: rgb(241, 18, 48);border-radius: 50px;" onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/a/AVvXsEhzjWcRAU3Ll88gkknxEp5v56sN8jVOFdw-KDeHDZNQ9i_bluZN9bQZwR-d4NyDEdSgDDVJpZvDoE8K53Kswtzqpp74t0fUO3qPNIWIfR13nJIbpcuP8n7LUtZ8X12Hb6K5uceX6I28kIp6UNXvTYC5HyTQVpY0ji_ROPrwQQ21r2BxdyopFxEBQ_ZJqg'">OFF</button>
</container>
</body>
</html>
Post a Comment
0 Comments