我的按钮有声音，我希望它能够链接到新页面

Question

我不确定在哪里放置下一页的链接。我总共有四个按钮，如果他/她单击正确的答案，我希望用户能够转到下一页。我试过这段代码，但是当你点击数字时它只会进入下一页，而不是整个按钮。

<button class="abtn"><a href="play.html" onmousedown="button.play()">2</button>

<button class="btn" onclick="button.play()" type="button">5</button>

Answer 1

我猜<button class="abtn"><a href="play.html" onmousedown="button.play()">2</a></button> 是正确的按钮，点击它可以导航到下一页。

您的问题很可能是因为内联块中的<a> 标记。 为你的 a 标签添加一个类

<a class="full-width" href="play.html" onmousedown="button.play()">2</a>

现在为full-width 类添加样式规则

.full-width {
   display: block;
   width: 100%;
}

这又是我的猜测，因为没有提供代码 sn-p。

Answer 2

当您想使用按钮播放声音时，这基本上是您所需要的。源文件肯定不会有 .html 扩展名，但会像 .wav 一样。但是，老实说，我不明白您的实际尝试是什么。

<button onclick="playSound()">Play it</button>
<audio id="sound" src="your_sound.wav"></audio>

<script>
  function playSound () {
    const audio = document.getElementById('sound'); //this is, where you target audio tag containing your sound
    if (!audio) return;
    audio.currentTime = 0;
    audio.play();
  }
</script>

代码取自https://javascript30.com/，从它的第一课开始，但代码已经足够简化了。不过我建议你听听他的课。