Javascript 使用范围滑块更改div的高度

我正在尝试使用范围滑块更改div的高度

var heightR=document.getElementById（“heightR”）.value；
var details=document.getElementById（“详细信息”）；
函数范围（）{
高度值=值；
}
函数changeH（）{
如果（高度r=1）{
details.style.height=“100px”；
}否则，如果（高度=2）{
details.style.height=“200px”；
}否则，如果（高度=3）{
details.style.height=“300px”；
}否则{
console.log（“小于1，高于3或NaN”）；
}
}

1.
内容

您需要将“var heightR=document.getElementById（“heightR”）.value；”放在changeH函数中，并将if else函数从“=”更改为“=”，以便将heightR的值与“1/2/3”进行比较。 希望这有帮助^^

var heightR=document.getElementById（“heightR”）.value；
var details=document.getElementById（“详细信息”）；
函数范围（）{
高度值=值；
}
函数changeH（）{
var heightR=document.getElementById（“heightR”）.value；
如果（高度==1）{
details.style.height=“100px”；
}否则如果（高度==2）{
details.style.height=“200px”；
}否则如果（高度==3）{
details.style.height=“300px”；
}否则{
console.log（“小于1，高于3或NaN”）；
}
}

1.
内容

您需要将“var heightR=document.getElementById（“heightR”）.value；”放在changeH函数中，并将if else函数从“=”更改为“=”，以便将heightR的值与“1/2/3”进行比较。 希望这有帮助^^

var heightR=document.getElementById（“heightR”）.value；
var details=document.getElementById（“详细信息”）；
函数范围（）{
高度值=值；
}
函数changeH（）{
var heightR=document.getElementById（“heightR”）.value；
如果（高度==1）{
details.style.height=“100px”；
}否则如果（高度==2）{
details.style.height=“200px”；
}否则如果（高度==3）{
details.style.height=“300px”；
}否则{
console.log（“小于1，高于3或NaN”）；
}
}

1.
内容

您将

heightR

分配给

1

/

2

/

3

而不是与之比较。请注意，您只有一个等号，需要两个或三个等号。请参阅以了解赋值在

if

条件中的工作方式。不要使用if/else块，而是使用

details.style.height=100*heightR+“px”

（或同一语句的模板文本版本）设置div的高度。您将

heightR

分配给

1

/

2

/

3

，而不是与之比较。请注意，您只有一个等号，需要两个或三个等号。请参阅以了解赋值在

if

条件中的工作方式。不要使用if/else块，而是使用

details.style.height=100*heightR+“px”

（或同一语句的模板文本版本）设置div的高度。will==执行与==相同的操作？will==执行与==相同的操作？