React+TypeScript: スライダー実験

はじめに

range sliderのサンプルです。スライダーをマウスで操作すると数字が変わります。

実行例

See the Pen Untitled by kalz2q (@kalz2q) on CodePen.

説明

とりあえず値を得ることが出来たのでこれからいろいろ使えそうです。

sliderを使った例はネットにあるのですが、そのままでは動かない例が多かったので単純な例で実験してみました。

sliderはformでinput type="range"なのですね。

値は普通にonChangeで取り出せた。