Javascript 如何使用HTML5输入类型范围？

如何使用html中的范围输入类型更改字体大小

<input type="range" name="points" min="1" max="10">

---

我希望这样，当我拖动滑块时，字体大小应该根据滑块范围的值改变

在滑块发生更改事件时，按值相应更改大小：

<input type="range" name="points" min="1" max="10" id="MySlider">

$("#MySlider").change(function() {
    $("#MyText").css("font-size", $("#MySlider").value); 
  });

$（“#MySlider”）.change（函数（）{
$（“#MyText”）.css（“字体大小，$（“#MySlider”）.value）；
});

这个很简单。您可以对输入使用

oninput=“myFunction（）”

属性。或者在javascript中添加一个

addEventListener（“输入”，myFunction）

。这应该让它活下来

如果这不是您想要的，那么您可以在其上使用for循环，并使用

getElementsByTagName（“*”）

这里是另一个例子，您也可以使用onchange，但我选择使用oninput

函数myFunction（）{
var para=document.getElementsByTagName（“p”）；
var输入=document.getElementById（“ranger”）；
对于（变量i=0；i

p{
字体大小：50px；
}

您还可以使用onchange属性在其发生更改时进行设置。当用户提供输入时，使用oninput执行
第一段

第二段

第三段

如果您希望我们修复代码，请向我们展示我们的代码。或者问一个更精确的问题。