Last.fm widget

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Last.fm Recent Tracks</title>
  <style>
  #artwork{
  border-radius: 3px;
    max-width: 100px;}
  </style>
</head>
<body>
  <section id="listen">CANT FETCH</section>
    <a href="" id="artworklink" target="_blank" style="display: block;">
      <img id="artwork" src="" class="artworkimg" alt="Album artwork">
      <div class="imgclipcentre"></div>
      <marquee id="track" direction="left" style="color: white; margin-bottom: 0;"></marquee>
    </a>


  <script>

document.addEventListener("DOMContentLoaded", function() {
  var LASTFMUSER = ""
  var url = "http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=" + LASTFMUSER + "&api_key=APIKEY&format=json";

    fetch(url)
        .then(response => response.json())
        .then(data => {
            var artist = data.recenttracks.track[0].artist["#text"];
            var song = data.recenttracks.track[0]["name"];
            var artwork = data.recenttracks.track[0].image[3]["#text"];
            var link = data.recenttracks.track[0]["url"];

            document.getElementById("artwork").src = artwork;
            document.getElementById("track").innerHTML = "<strong>" + song + "</strong><br />" + artist;
            document.getElementById("artworklink").href = link;

            if (typeof data.recenttracks.track[0]["@attr"] !== "undefined") {
                document.getElementById("listen").innerHTML = '<span style="color: green;">currently listening</span> to:';
                console.log("true");
                document.getElementById("status").innerHTML = '<span style="color: green;">online</span>';
            } else {
                document.getElementById("listen").innerHTML = "last <span>listened</span> to:";
                console.log("false");
            }
        })
        .catch(error => {
            console.error("Error fetching data:", error);
        });
});


  </script>
</body>
</html>