HTML实现简单的点击播放和暂停音乐

首先，你需要把音乐文件放在网站的文件夹中，然后在HTML文件中创建一个按钮，代码如下：

<button id="play-button">播放</button>

然后，你需要在HTML文件中添加一个音频标签，代码如下：

<audio id="music" src="你的音乐文件路径" ></audio>

接下来，你需要使用JavaScript来实现点击播放和暂停的功能。首先，你需要在HTML文件的头部引入JavaScript文件，代码如下：

<script src="你的JavaScript文件路径"></script>

然后，在JavaScript文件中添加以下代码：

var music = document.getElementById('music'); // 获取音频标签
var playButton = document.getElementById('play-button'); // 获取播放按钮

// 为播放按钮添加点击事件
playButton.addEventListener('click', function() {
  if (music.paused) { // 如果当前处于暂停状态
    music.play(); // 播放音乐
    playButton.innerHTML = '暂停'; // 修改按钮文本为“暂停”
  } else { // 如果当前处于播放状态
    music.pause(); // 暂停音乐
    playButton.innerHTML = '播放'; // 修改按钮文本为“播放”
  }
});

这样，当你点击播放按钮时，就会触发点击事件，如果当前音乐处于暂