【JavaScript】インプットtype=”range”用いてレビューのサンプル

input type=”range”を使ったつまみのレビューサンプルです。

つまみをスライドすることで、js用いて値がかわります。

• 小数点、１の位ずつカウントアップ
  • 0.5ずつカウントアップ
• 初期値は2（min=”2″）
• 最大（max=”5.0″）

サンプルコード

ポイント

• value=”0″で〇が左端からスタート
• outputタグにjs用いて現在の値を表示
• step=”0.5″ で0.5刻みでスライド