当具有范围类型的输入值更改时更改正文的背景颜色

Question

我有一个范围类型的输入。当输入范围的值改变时，我想改变身体的背景颜色。

这是 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%);`

}

Answer 1

我对其进行了一些修改，但基本上主要问题是您在 JS 代码中的值中添加了一个不需要的分号。&nbsp; function updateSlider() {&nbsp; &nbsp; &nbsp; document.body.style.background = `linear-gradient(90deg,&nbsp; #2b2e43 0%,#2b2e43 50%,#ffffff 50.1%,#ffffff 100%)`;&nbsp;&nbsp; }<div class="range">&nbsp; &nbsp; <input type="range" min="1" max="100" value="0" class="slider" id="myRange" onchange="updateSlider()"></div>