スライダーの値を調べる range

<input type="range" min="0" max="100" id="myRange" />
const myRange = document.getElementById("myRange");

myRange.addEventListener("change", (e) => {
  console.log(e.target.value);
});

valueは文字列なので注意
リスナー関数
input   スライダーを動かしている間イベントが発生する
change  スライダーを動かし終わったタイミングでイベントが発生する