首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将背景颜色更改为用户在HTML中输入的颜色

如何将背景颜色更改为用户在HTML中输入的颜色
EN

Stack Overflow用户
提问于 2018-07-23 02:33:04
回答 1查看 43关注 0票数 1

我正在尝试使我的网站,以便用户可以输入颜色使用颜色选择器,然后它改变背景颜色到那个。这就是我到目前为止所知道的:

代码语言:javascript
复制
function color_change() {
alert("I will make it the color you have choosen.")
var back = document.getElementById("color")
var new_color = document.getElementById("change").value
// What goes here?
}
代码语言:javascript
复制
#color {
  background-color: #FFFFFF;
}
代码语言:javascript
复制
<HTML>

<div id = "color">
Change the Color
<br>
<input id = "change" type = "Color">
<button onclick="color_change()">Make it this color!</button>
</div>
</HTML>

我试过了,但它所做的一切都是一个错误。有谁知道怎么让它工作吗?我想让用户通过点击这个框来输入一种颜色。当他们单击该框时,将打开拾色器。然后,当他们点击Make it this Color!按钮,它会将div的背景设置为他们放入的颜色。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51468116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档