title: Using Event Target to return specific data in the console
body: <p>I'm trying to use an event listener to return specific data from the console made from an API call and apply it to a variable to make another API call.</p>
  <p>The calls are made through functions that return the data in JSON format.</p>
  <p>The console data is as follows:</p>
  <pre><code>href: &quot;https://api.spotify.com/v1/tracks/7f0vVL3xi4i78Rv5Ptn2s1&quot;
  id: &quot;7f0vVL3xi4i78Rv5Ptn2s1&quot;
  </code></pre>
  <p>I'm trying to only access the id portion to use it in a new API call. I have an event listener that I would like to use which receives the id on click.</p>
  <pre><code>DOMInputs.tracks.addEventListener('click', async (e) =&gt; {
          const trackId = e.target.id;
  }
  </code></pre>
  <p>However, the variable trackId contains the href instead of the id. Resulting in:</p>
  <pre><code>app.js:74 GET https://api.spotify.com/v1/audio-analysis/https://api.spotify.com/v1/tracks/7f0vVL3xi4i78Rv5Ptn2s1 404
  </code></pre>
  <p>Where the second link is contained in ${trackId} Is there a work around or am I missing something?</p>