在滑块上选择特定值时播放声音

修复了代码中的一些问题,其中一些可能是因为忘记复制最下面的几行。

<div id="Slider">
        <span id="rangeValue">0</span>
        <Input class="range" type="range" name "" value="0" min="0" max="100" onChange="rangeSlide(this.value)" onmousemove="rangeSlide(this.value)"></Input>
    </div>
    <script type="text/javascript">
        function rangeSlide(value) {
          document.getElementById('rangeValue').innerHTML = value;
        }
    </script>
<button class="btn-1" id="i22w3" onclick="play()">Continue</button>

<script>
 function play() {
   const rangeValue = document.getElementById('rangeValue').textContent;
   if (rangeValue === "76") {
     console.log('play sound')
   } else {
     console.log('replace')
   }
 }
</script>

测试它 here

我所做的:

• rangeValue 在里面 play() 因为现在它只是一个字符串: 'rangeValue'
• = 到 ===

JS中的平等 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality

“rangeValue”应该是一个变量->来自滑块的值

function play() {
  if ('rangeValue' === 76) { // missing `===`
     audio.play();
  } else {
     window.location.replace("https://example.com/");
  }
}