Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

190
Visualizações
Reproduce un sonido cuando se selecciona un cierto valor en el control deslizante

Estoy tratando de hacer un control deslizante simple que al elegir un cierto valor en él (en este caso 76), el botón que dice "Continuar" reproduce un cierto sonido en lugar de redirigir, pero parece que no lo hago funcionar , ¿podrían ayudarme con esto? aquí está el fragmento.

 <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> <audio id="audio" src="https://www2.cs.uic.edu/~i101/SoundFiles/BabyElephantWalk60.wav"></audio> <script type="text/javascript"> var audio = document.getElementById("audio"); function play() { if ('rangeValue' = 76) { audio.play(); } else { window.location.replace("https://example.com/"); }

¡Gracias de antemano!

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

tienes un error en tu codigo

igualdad en JS https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Strict_equality

y 'rangeValue' debe ser una variable -> valor del control deslizante

 function play() { if ('rangeValue' === 76) { // missing `===` audio.play(); } else { window.location.replace("https://example.com/"); } }
about 4 years ago · Juan Pablo Isaza Relatório

0

Se corrigieron algunas cosas en el código, algunas de las cuales podrían haber sido por olvidar copiar el par de líneas inferiores 😉.

 <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>

Pruébalo aquí

Lo que hice:

  • Cierre la etiqueta del script y cierre en la parte inferior (probablemente debido a cómo se copió)
  • Declare y establezca un valor para rangeValue en play() porque ahora mismo es solo una cadena: 'rangeValue' .
  • Cambie la prueba de declaración if de = a ===

Eso es todo, simplemente reemplace los registros de mi consola con lo que desee y vuelva a agregar los elementos que eliminé y debería funcionar.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda