如何使用带有 HTML 的 JavaScript 根据 colored颜色 更改特定

的背景

         <div class="cell text">
            Background Color Picker:
        </div>
        <div class="cell js">
            <input type="color" id="color_value" name="color_value" value="Black">
            <!---DOUBLE (1 COLOR BOX 1 BUTTON)-->
            <button class="button two" type="button" onclick="changeBackground()">
                Set Color:
            </button>
        </div>

function changeBackground(){
  let color = document.getElementById('color_value').value;
  document.body.style.backgroundColor = color;
}

function changeBackground(){
  let color = document.getElementById('color_value').value;
  let division = document.getElementById("cell_text");
  division.style.backgroundColor = color;
}

<div class="cell text" id = "cell_text">
    Background Color Picker:
</div>
<br>
<div class="cell js">
   <input type="color" id="color_value" name="color_value" value="Black">
   <!---DOUBLE (1 COLOR BOX 1 BUTTON)-->
   <button class="button two" type="button" onclick="changeBackground()">
        Set Color:
   </button>
</div>

Javascript相关问答推荐

如何从对象嵌套数组的第二级对象中过滤出键

通过实现regex逻辑自定义数据表搜索

仅在React和JS中生成深色

foreach循环中的Typescript字符串索引

我不知道为什么我的JavaScript没有验证我的表单

深嵌套的ng-container元素仍然可以在Angular 布局组件中正确渲染内容吗？

MongoDB中的引用

成功完成Reducers后不更新状态

为什么！逗号和空格不会作为输出返回，如果它在参数上？

无法访问Vue 3深度监视器中对象数组的特定对象值'

如何从网站www.example.com获取表与Cheerio谷歌应用程序脚本

XSLT处理器未运行

使用POST请求时，Req.Body为空

使用getBorbingClientRect()更改绝对元素位置

在使用REACT更改了CSS类之后，无法更改CSS样式

AJAX POST在控制器中返回空(ASP.NET MVC)

删除加载页面时不存在的元素(JavaScript)

打字脚本中方括号符号属性访问和拾取实用程序的区别

当从其他文件创建类实例时，为什么工作线程不工作？

对具有相似属性的对象数组进行分组，并使用串连的值获得结果