![](/img/trans.png)
[英]How do I change the background of my body when picking a color from my input with the type=“color”
[英]Change the background color of body when value of input with type of range is change
我有一个范围类型的输入。 当输入范围的值更改时,我想更改正文的背景颜色。
这是 HTML
<div class="range">
<input type="range" min="1" max="100" value="0" class="slider" id="myRange">
</div>
这是 Javascript 代码
let slider = document.getElementById("myRange");
slider.onchange = () => {
document.body.style.background = `linear-gradient(90deg, #2b2e43 0%,#2b2e43 50%,#ffffff 50.1%,#ffffff 100%);`
}
我对其进行了一些修改,但基本上主要问题是您在 JS 代码中的值中添加了一个分号,这不是必需的。
function updateSlider() { document.body.style.background = `linear-gradient(90deg, #2b2e43 0%,#2b2e43 50%,#ffffff 50.1%,#ffffff 100%)`; }
<div class="range"> <input type="range" min="1" max="100" value="0" class="slider" id="myRange" onchange="updateSlider()"> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.