script.js

let chords = {
  'abc': 'audio/chord-1.mp3',
  'def': 'audio/chord-2.mp3',
};

// corresponding <div id="output"></div>
let output = document.querySelector('#output');
// our input element
let input = document.querySelector('input');
let audioChords = [];

function playChord(event) {

  if (event.key == 'Enter') {
    let ourText = input.value;
    ourText.forEach((key) => {
      let chord = Object.keys(chords).find(k => k.includes(key));
      if (chord) {
        let audio = document.createElement('audio');
        audio.src = chords[chord];
        audio.play();
        audioChords.push(audio);

        let img = document.createElement('img');
        img.src = `${chord}.png`; // abc.png
        output.append(img);
      }
    });
  }
}

input.addEventListener('keyup', playChord);