为什么 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 的值。如果你想这样做，那么你需要明确地这样做。