如何使其在单击图像元素时添加一个显示.title、.artist、.album和.year的警告？

<img src="image.jpg" alt="Image" onclick="showDetails()">

function showDetails() {
  var title = document.querySelector('.title').textContent;
  var artist = document.querySelector('.artist').textContent;
  var album = document.querySelector('.album').textContent;
  var year = document.querySelector('.year').textContent;

  alert("Title: " + title + "\nArtist: " + artist + "\nAlbum: " + album + "\nYear: " + year);
}

.title {
  font-weight: bold;
}

.artist, .album, .year {
  font-style: italic;
}