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 class="full-width" href="play.html" onmousedown="button.play()">2</a>

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

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

这又是我的猜测，因为没有提供任何代码段。

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/，这是第一堂课，但是对于您来说，该代码已经足够简化。但是，我建议您参加他的课程。

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

2 个答案: