為什么 var prezzo 不刷新值？

Question

我不明白為什么在 12 上移動滑塊，var prezzo 不刷新值並且不顯示 100。在此先感謝大家會幫助我

 var prezzo ="0"; document.getElementById("demo2").innerHTML = prezzo; var slider = document.getElementById("myRange"); var output = document.getElementById("demo1"); output.innerHTML = slider.value; slider.oninput = function() { output.innerHTML = this.value; if (slider==12) { prezzo = "100"; } }

 <div class="slidecontainer"> <input type="range" min="12" max="36" value="24" step="12" class="slider" id="myRange"> <p>Km: <span id="demo1"></span></p> <p>Prezzo: <span id="demo2"></span></p> </div>

Answer 1

第二行將變量的值復制到 innerHTML 屬性。 它不會創建對變量的引用。

當您稍后更改變量的值時，您不會更改innerHTML 的值。 如果你想這樣做，那么你需要明確地這樣做。