如何将播放/暂停按钮与Spotify API中的播放/暂停代码链接

Question

我做了一个播放/暂停按钮，以便可以在网络浏览器中暂停或播放歌曲，但是它什么也没做。

所以我在学校的Spotify API项目中有以下代码。这是我的按钮的代码：

<button class="btn btn-default" id="play">Play Song</button>
<button class="btn btn-default" id="pause">Pause Song</button>

下面的代码是我的代码，我在其中使用Spotify API令牌播放/暂停歌曲。

document.getElementById('play').addEventListener('click', function(){
            $.ajax({
            url: 'https://api.spotify.com/v1/me/player/play',
            type: 'PUT',
            headers: {
            'Authorization': 'Bearer ' + access_token
            },
              dataType: "json",
              contentType: "application/json",
              data: JSON.stringify({
              "uris": [`spotify:track:${apiData.item.id}`],
              "position_ms": apiData.progress_ms
                })
             });
              }, false);


document.getElementById('pause').addEventListener('click', function(){
            $.ajax({
            url: 'https://api.spotify.com/v1/me/player/pause',
            type: 'PUT',
            headers: {
            'Authorization': 'Bearer ' + access_token
            },
              dataType: "json",
              contentType: "application/json",
              data: JSON.stringify({
              "uris": [`spotify:track:${apiData.item.id}`],
              "position_ms": apiData.progress_ms
                })
             });
              }, false);
        } 

所以我必须添加其他代码吗？还是我必须简化它？请简单地解释一下，我是一个初学者，谢谢。