| 123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Lightbulb Control Panel</title>
- <link rel="stylesheet" type="text/css" href="style.css" />
- </head>
- <body>
- <div id="sidebar">
- <h3>Lightbulbs</h3>
- <div id="bulbList"></div>
- <button id="addBulb">Add Bulb</button>
- <button id="removeBulb">Remove Selected</button>
- </div>
- <div id="main">
- <h2>Bulb Controls</h2>
- <p id="noSelect">No bulb selected.</p>
- <div id="controls" style="display:none;">
- <label>
- <input type="checkbox" id="onOffSwitch"> Turn On
- </label>
- <br><br>
- <label>Brightness: <span id="brightnessVal"></span></label>
- <input type="range" id="brightness" min="0" max="100" value="50">
- <br><br>
- <label>Temperature: <span id="temperatureVal"></span> K</label>
- <input type="range" id="temperature" min="1500" max="6500" value="3000">
- <div id="visualization">
- <div id="light"></div>
- <script src="script.js"></script>
- </body>
- </html>
|
