首页编写一个能通过用户输入改变网页背景颜色

编写一个能通过用户输入改变网页背景颜色

时间: 2024-06-08 17:06:35 浏览: 80

当然可以！以下是一个简单的示例代码，可以通过用户输入来改变网页的背景颜色： ```html <!DOCTYPE html> <html> <head> <title>Change Background Color</title> <style> body { background-color: white; } </style> </head> <body> <h1>Change Background Color</h1> <p>Enter a color name or a hexadecimal code:</p> <input type="text" id="colorInput"> <button onclick="changeColor()">Change</button> <script> function changeColor() { var color = document.getElementById("colorInput").value; document.body.style.backgroundColor = color; } </script> </body> </html> ``` 这个代码中，我们使用了一个文本输入框和一个按钮。用户可以在文本输入框中输入颜色名称或十六进制代码，并点击按钮来改变网页的背景颜色。 JavaScript部分的`changeColor()`函数被绑定到按钮的`onclick`事件上。当用户点击按钮时，该函数会将文本输入框中的值获取到，并将其赋值给`document.body.style.backgroundColor`属性，从而改变网页的背景颜色。注意：为了简化示例，我们默认将初始背景颜色设置为白色。你可以根据需要自行修改样式。

阅读全文