Entonces, estoy tratando de pasar un valor de un control deslizante a una función de JavaScript, para establecer el volumen de un audio. Soy muy nuevo en javascript, así que no estoy muy seguro de lo que estoy haciendo, pero Chrome se queja de Uncaught TypeError: Cannot read property 'value' of null .
código HTML5
<div class="mt-2">Volume</div> <div class="slidecontainer"> <input type="range" min="1" max="100" value="50" class="slider" id="musicVolume"> <output id="musicVolume"> </output>código JavaScript
// Create audio object var themeAudio = new Audio() volumeSlider = parseInt(document.getElementById("musicVolume").value ); themeAudio.volume = volumeSlider themeAudio.loop = true(El código javascript se encuentra en su propio archivo, background.js, mientras que el código HTML se encuentra en popup.html)
Puede poner <script /> en la parte inferior de su <body> o agregar un atributo deffer para el script