レンジバーの計算方法

実現したいこと

temperature_value が45のときpercent変数が0、
temperature_value が95のときpercent変数が100、にするには
下記の???の部分にどのような計算式が必要になるでしょうか?

let percent = temperature_value ???;

該当のソースコード

React.js

const [temperature_value, setTemperatureValue] = useState(); const handleSliderChange = (e) => { ControlTemperature(e.target.value) setTemperatureValue(e.target.value) } let percent = temperature_value ???; let gradient =`linear-gradient(to right,#3C91E6 ` + percent + `%,#fff ` + percent + `%)`; <input className=“range-input” type=“range” name=“speed” min=“45" max=“95” value={temperature_value} onChange={handleSliderChange} style={{ background: gradient, }}></input>

コメントを投稿

0 コメント