使用事件目标在控制台中返回特定数据

Question

我正在尝试使用事件侦听器从控制台返回API调用的特定数据，并将其应用于变量以进行另一个API调用。

这些调用是通过以JSON格式返回数据的函数进行的。

控制台数据如下：

href: "https://api.spotify.com/v1/tracks/7f0vVL3xi4i78Rv5Ptn2s1"
id: "7f0vVL3xi4i78Rv5Ptn2s1"

我试图只访问id部分，以便在新的API调用中使用它。我有一个我想使用的事件侦听器，它在单击时接收id。

DOMInputs.tracks.addEventListener('click', async (e) => {
        const trackId = e.target.id;
}

但是，变量trackId包含href而不是id。结果是：

app.js:74 GET https://api.spotify.com/v1/audio-analysis/https://api.spotify.com/v1/tracks/7f0vVL3xi4i78Rv5Ptn2s1 404

在${trackId}中包含第二个链接的位置是否有解决方法，或者我是否遗漏了什么？

Answer 1

对于那些想要知道同样的事情的人。我简单地使用了const trackEndPoint = e.target.id.replace('https://api.spotify.com/v1/tracks/', '');