10开关灯页面如何实现灯的开和关

开关灯在我们的日常生活中是一个很常见的需求。本页面将介绍如何通过JavaScript代码实现网页上的灯的开和关。

我们首先需要在HTML中定义一个div元素，并设置其id属性为“lamp”。然后在样式表中添加如下样式：

lamp {

width: 50px;

height: 50px;

background-color: #FFFFFF;

border-radius: 50%;

}

接下来，我们可以在JavaScript代码中定义以下函数：

function turnOn() {

document.getElementById("lamp").style.backgroundColor = "#FFD700";

}

function turnOff() {

document.getElementById("lamp").style.backgroundColor = "#FFFFFF";

}

然后，在HTML中添加两个按钮，分别用于控制灯的开和关：

开灯

关灯

这样就完成了该页面的主要功能。您可以根据自己的需求修改样式和JavaScript代码。