我应该如何将滑块的值传递给 javascript 函数？答案

【问题标题】：How am i supposed to pass the value of a slider to a javascript function?我应该如何将滑块的值传递给 javascript 函数？
【发布时间】：2022-02-04 07:42:22
【问题描述】：

所以我试图将滑块的值传递给 javascript 函数，以设置音频的音量。我对 javascript 很陌生，所以我不太确定自己在做什么，但 Chrome 抱怨 Uncaught TypeError: Cannot read property 'value' of null。

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>

Javascript 代码

// Create audio object
var themeAudio = new Audio()
volumeSlider = parseInt(document.getElementById("musicVolume").value );  
themeAudio.volume = volumeSlider
themeAudio.loop = true

（javascript代码在它自己的文件background.js下，而HTML代码在popup.html下）

【问题讨论】：

如果脚本在元素的声明/创建之前运行，则可能会发生这种情况，在这种情况下，您只需将 <script> 标记移动到 html 的末尾即可。另一种可能性是您将脚本加载到错误的位置，因此您应该向我们展示您是如何做到的（在问题中）。

标签： javascript html audio google-chrome-extension html5-audio

【解决方案1】：

您可以将<script /> 放在<body> 的底部或为脚本添加属性deffer

【讨论】：