title: Play a sound when a certain value is selected on slider
body: <p>I'm trying to make a simple slider that when choosing a certain value on it (in this case 76), the button that says &quot;Continue&quot; plays a certain sound instead of redirecting, but i don't seem to get it to work, could you guys help me out on this? here is the snippet.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>           &lt;div id="Slider"&gt;
          &lt;span id="rangeValue"&gt;0&lt;/span&gt;
          &lt;Input class="range" type="range" name "" value="0" min="0" max="100" onChange="rangeSlide(this.value)" onmousemove="rangeSlide(this.value)"&gt;&lt;/Input&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
          function rangeSlide(value) {
              document.getElementById('rangeValue').innerHTML = value;
          }
      &lt;/script&gt;
  &lt;button class="btn-1" id="i22w3" onclick="play()"&gt;Continue&lt;/button&gt;
  &lt;audio id="audio" src="https://www2.cs.uic.edu/~i101/SoundFiles/BabyElephantWalk60.wav"&gt;&lt;/audio&gt;
  &lt;script type="text/javascript"&gt;
  
  var audio = document.getElementById("audio");
        function play() {
          if ('rangeValue' = 76) {
     audio.play();
  } else {
     window.location.replace("https://example.com/");
  }
          </code></pre>
  </div>
  </div>
  </p>
  <p>Thank you in advance!</p>