Javascript 如何显示范围选择中的选定值？
我正在开发一个Javascript RGB颜色选择器，正在与前端进行斗争 RGB颜色选择器产生的颜色存在于三个值（R、G、B）的组合中，每个值的范围为0-255 到目前为止，这是我的项目，它允许用户从范围选择中选择组合，但它不显示他选择的值Javascript 如何显示范围选择中的选定值？,javascript,html,css,Javascript,Html,Css,我正在开发一个Javascript RGB颜色选择器，正在与前端进行斗争 RGB颜色选择器产生的颜色存在于三个值（R、G、B）的组合中，每个值的范围为0-255 到目前为止，这是我的项目，它允许用户从范围选择中选择组合，但它不显示他选择的值 <body> <div class="picker"> Red <input type="range" min="0" max="25
<body>
<div class="picker">
Red <input type="range" min="0" max="255" step="1" id="red" value="115">
Green <input type="range" min="0" max="255" step="1" id="green" value="10">
Blue <input type="range" min="0" max="255" step="1" id="blue" value="162">
<div id="display"></div>
</div>
<script type="text/javascript">
var input = document.querySelectorAll("input");
for (var i = 0; i < input.length; i++) {
input[i].addEventListener("input",
function () {
var
red = document.getElementById("red").value,
green = document.getElementById("green").value,
blue = document.getElementById("blue").value;
var display = document.getElementById("display");
display.style.background = "rgb(" + red + ", " + green + ", " + blue + ")";
}
);
}
</script>
</body>
红色
绿色
蓝色
var输入=document.queryselectoral（“输入”）；
对于（变量i=0；i我不熟悉JS、HTML和CSS，所以我不知道该怎么做。默认情况下，div的大小是0乘0。您只需向显示器添加一些样式，使其具有一定的大小，然后背景就会可见：
红色
绿色
蓝色
var输入=document.queryselectoral（“输入”）；
对于（变量i=0；idisplay.style.backgrounddisplay.innerHTML