TA貢獻1776條經(jīng)驗 獲得超12個贊
根據(jù)輸入值執(zhí)行某些操作的簡單函數(shù)可以是這樣的：
document.getElementById("myRange").addEventListener("change", function (e) {
let value = parseInt(this.value);
let resultElm = document.getElementById("result");
switch (true) {
case 0 < value && value <= 20:
resultElm.innerHTML = ":|";
break;
case 20 < value && value <= 40:
resultElm.innerHTML = ":)";
break;
case 40 < value && value <= 60:
resultElm.innerHTML = ":))";
break;
case 60 < value && value <= 80:
resultElm.innerHTML = ":D";
break;
case 80 < value && value <= 100:
resultElm.innerHTML = "^^";
break;
}
});
<input type="range" min="0" max="100" value="0" id="myRange" />
<div id="result"></div>
你可以在里面做任何你想做的case blocks事情，突出顯示一些東西，改變一個圖標(biāo)等等......
舉報