-5

我不确定在哪里放置下一页的链接。我总共有四个按钮,如果他/她单击正确的答案,我希望用户能够转到下一页。我尝试了此代码,但它仅在您单击数字时进入下一页,而不是整个按钮。

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

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

4

2 回答 2

0

当您想使用按钮播放声音时,这基本上是您所需要的。源文件肯定不会有 .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/,从它的第一课开始,但代码对您来说已经足够简化了。不过我建议你去听他的课。

于 2019-02-06T10:10:18.000 回答
0

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

很可能您的问题是由于<a>inline-block 中的标记。将类添加到您的 a 标签

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

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

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

这又是我猜测的,因为没有提供代码片段。

于 2019-02-06T09:49:39.047 回答