Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html中的范围值不为';不能使用if语句_Javascript_Html - Fatal编程技术网

Javascript html中的范围值不为';不能使用if语句

Javascript html中的范围值不为';不能使用if语句,javascript,html,Javascript,Html,我已经创建了一个程序,当一个人达到这个模式时,它将显示一个文本。我不是苏,价值观似乎有什么问题 函数验证(){ var slider1=document.getElementById(“slider1”); var slider2=document.getElementById(“slider2”); var slider3=document.getElementById(“slider3”); var slider4=document.getElementById(“slider4”); v

我已经创建了一个程序,当一个人达到这个模式时,它将显示一个文本。我不是苏,价值观似乎有什么问题

函数验证(){
var slider1=document.getElementById(“slider1”);
var slider2=document.getElementById(“slider2”);
var slider3=document.getElementById(“slider3”);
var slider4=document.getElementById(“slider4”);
var slider5=document.getElementById(“slider5”);
var slider6=document.getElementById(“slider6”);
var slider7=document.getElementById(“slider7”);
如果(slider2==16.5&&slider3==33&&slider4==49.5&&slider5==66&&slider6==82.5&&slider2==99){
document.getElementById(“demo”).innerHTML=5+6;
};
};









您需要获取以下值:

var slider1 = parseFloat(document.getElementById("slider1").value);
var slider2 = parseFloat(document.getElementById("slider2").value);
var slider3 = parseFloat(document.getElementById("slider3").value);
var slider4 = parseFloat(document.getElementById("slider4").value);
var slider5 = parseFloat(document.getElementById("slider5").value);
var slider6 = parseFloat(document.getElementById("slider6").value);
var slider7 = parseFloat(document.getElementById("slider7").value);
我们是ES6的家伙!(使用sliderX.值作为编号

const
f_rangeInputs=document.getElementById(“rangeInputs”),
demo=document.getElementById(“demo”);
var SliderX={};
document.querySelectorAll(“#rangeInputs输入[type=range]”)forEach(elm=>SliderX[elm.id]=elm);
函数验证(){
demo.textContent='x/16.5/33/49.5/66/82.5/99';
如果(SliderX.slider2.valueAsNumber==16.5
&&SliderX.slider3.valueAsNumber==33
&&SliderX.slider4.valueAsNumber==49.5
&&SliderX.slider5.valueAsNumber==66
&&SliderX.slider6.valueAsNumber==82.5
&&SliderX.slider7.valueAsNumber==99
){
demo.textContent=(5+6).toString();
} 
}
功能更改DSLIDER(e){
this.nextSibling.textContent=this.value;
验证();
}
对于(SliderX中的elm){SliderX[elm].onchange=changedSlider};
f_rangeInputs.onreset=()=>{for(让elm在SliderX中){SliderX[elm].nextSibling.textContent=SliderX[elm].value}
f_rangeInputs.reset()
div{
显示:内联块;
填充:20px;
边界:20px;
背景色:卡德蓝;
边框:2倍纯色灰色;
}









x/16.5/33/49.5/66/82.5/99

文档。getElementById(“slider1”)
将为您提供元素而不是它的值,您需要从元素中提取值,然后匹配
slider2.value==16.5
@adiga我应该将事件放在哪里slider2==16.5永远不要追加,因为slider2.range是[0/1 step=0.165]没有反馈,没有验证??没有parseInt,如果我们想测试49.5之类的值(并且在与
==
运算符进行比较时,技术上明确的解析是不必要的)。@mbojko你能为我的问题给我一个代码片段吗,“我做不好。@杰克巴什福德我试着用不同的事件解决它,但没有成功,请帮助,我需要它快。