我有一個從 1 到 3 的滑塊，我希望我的影像 src 根據滑塊的設定而改變。我已經嘗試使用 else if 陳述句來做到這一點，但它似乎沒有改變？
HTML
<span id="valBox"></span>
<input type="range" min="1" max="3" step="1">
<img id="demo" src="default-image.png">
Javascript
<script>
if (step === 1) {
document.querySelector("input.step").innerHTML.src = "one-image.png";
} else if (step === 2) {
document.querySelector("input.step").innerHTML.src = "two-image.png";
} else if (step === 3) {
document.querySelector("input.step").innerHTML.src = "three-image.png";
};
</script
uj5u.com熱心網友回復：
您需要在onchange事件處理程式中運行您的 JavaScript 。
const imageElement = document.getElementById("demo");
const selectorElement = document.getElementById("selector");
selectorElement.onchange = () => {
const step = selectorElement.valueAsNumber;
if (step === 1) {
imageElement.src = "one-image.png";
} else if (step === 2) {
imageElement.src = "two-image.png";
} else if (step === 3) {
imageElement.src = "three-image.png";
}
}<span id="valBox"></span>
<input id="selector" type="range" min="1" max="3" step="1">
<img id="demo" src="default-image.png">轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/357397.html
標籤：javascript if 语句
下一篇：按型別重新分組的行的條件總和