javascript - HTML 5 入力タイプの範囲を操作するには?

Question

HTMLの範囲入力タイプを使用してフォントのサイズを変更するには?

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

スライダーをドラッグすると、スライダーの範囲の値に応じてフォントサイズが変化するはずです。

Answer 1

スライダーの変更イベントで、値に応じてサイズを変更します。

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

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