├── off.gif
├── on.gif
├── saklar.js
└── index.html
/off.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rafigeovazi/Lamp/HEAD/off.gif
--------------------------------------------------------------------------------
/on.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rafigeovazi/Lamp/HEAD/on.gif
--------------------------------------------------------------------------------
/saklar.js:
--------------------------------------------------------------------------------
1 | function saklar() {
2 | let toggle1 = document.getElementById("default-toggle1");
3 | let toggle2 = document.getElementById("default-toggle2");
4 | let toggle3 = document.getElementById("default-toggle3");
5 |
6 | let lampu1 = document.getElementById("lampu1");
7 | let lampu2 = document.getElementById("lampu2");
8 | let lampu3 = document.getElementById("lampu3");
9 |
10 | if (toggle1.checked) {
11 | lampu1.src = "on.gif";
12 | } else {
13 | lampu1.src = "off.gif";
14 | }
15 |
16 | if (toggle2.checked) {
17 | lampu2.src = "on.gif";
18 | } else {
19 | lampu2.src = "off.gif";
20 | }
21 |
22 | if (toggle3.checked) {
23 | lampu3.src = "on.gif";
24 | } else {
25 | lampu3.src = "off.gif";
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
10 |
14 | LAMP
15 |
16 |
17 |
20 |
21 |
22 |
23 |
24 |
38 |
39 |
40 |
41 |
42 |
43 |
57 |
58 |
59 |
60 |
61 |
62 |
76 |
77 |