script.js

let artists = {
  'p': {
    'name': 'Pheobe Bridgers',
    'img': 'pheobe.png',
    'audio': 'song.mp3'
  },
  'q': {
    'name': 'Queen',
    'img': 'queen.png',
    'audio': 'queen.mp3'
  }
};

let audio = document.createElement('audio');

document.addEventListener('keyup', function (event) {
  if (event.key in artists) {
    let artist = artists[event.key];
    console.log(artist.name, artist.img, artist.audio);
    
    img = document.createElement('img');
    img.src = artist.img;
    document.body.append(img);

    img.addEventListener('mouseover', () => {
      audio.src = artist.audio;
      audio.play();
    });

    img.addEventListener('mouseout', () => {
      audio.pause();
    });
  }
});