Javascript 如何使用html按钮从.js文件调用函数？_Javascript_Html

Javascript 如何使用html按钮从.js文件调用函数？

javascript html

Javascript 如何使用html按钮从.js文件调用函数？,javascript,html,Javascript,Html,这是我的JavaScript文件，我想用它在按下按钮时将html文件中的内容静音 //checks if its muted or not var muteCheck = 1; //function to mute and unmute function mute() { muteCheck = muteCheck + 1; if (muteCheck % 2 === 0) { document.getElementById("music").muted

这是我的JavaScript文件，我想用它在按下按钮时将html文件中的内容静音

//checks if its muted or not
var muteCheck = 1;

//function to mute and unmute
function mute() {  
    muteCheck = muteCheck + 1;

    if (muteCheck % 2 === 0) {
        document.getElementById("music").muted = true;
    } else if (muteCheck % 2 === 1) {
        document.getElementById("music").muted = false;
    }
}

这就是我的html文件的外观

<body>

    <audio autoplay loop>
        <source src="audio/something.mp3" id="music">
    </audio>

    <button type="button" id="muteButton" onclick="mute()">mute</button>

    <script src="variablesAndFunctions.js" type="text/javascript">

       mute()

    </script>

</body>


沉默的
哑巴

我用Chrome打开了它，按下按钮时什么也没发生，控制台上什么也没打印。我是新的编码，所以我不知道我做错了什么

任何帮助都将不胜感激。谢谢：您正在

上设置

静音，而不是
。问题已被编辑，但我相信这是唯一剩下的错误。
您正在切换
元素的mute
属性，但这没有意义
该属性应用于
元素
document.getElementById("music").parentNode.muted

这种改变会有所帮助
<audio autoplay="autoplay" loop="loop" id="music" >
    <source src="audio/something.mp3" >
</audio>

插入此项，它带有静音控制，您可以在无需js的情况下查找


您不能让
元素同时包含src
属性和内联Javascript。我建议不要使用复杂的if条件来静音/取消静音音频。相反，只需将muted
分配给它的反面myElement.muted=！mute
尝试将javascript放入脚本块中，或删除脚本块；第一眼我以为anon函数的onclick和scope是问题所在，但它有太多错误，几乎不可能补救。@Dantehesmith-这里只有一个错误真正导致了问题。“我相信它会覆盖src”-相反。外部脚本导致内联脚本不执行任何操作（这是不正确的，因为问题是按钮不工作）。我只是将标记添加到音频中，而不是源代码中，它工作了。谢谢你的回答。