Нет аудиоэлемента, связанного

Question

Я выполняю 30-дневный вызов Уэса Боса, и первый, когда я нажимаю клавишу, - ударная установка, всегда говорит, что ноль, как будто звук не был связан, но это так. Я что-то упускаю действительно очевидное? Путь правильный, и файл является WAV, который работает.

<div class="keys">
  <div data-key="65" class="key">
    <kbd>A</kbd>
    <span class="sound">clap</span>
  </div>
  <div data-key="83" class="key">
  <kbd>S</kbd>
  <span class="sound">hihat</span>
  </div>
   <div data-key="68" class="key">
  <kbd>D</kbd>
  <span class="sound">Kick</span>
  </div>
   <div data-key="70" class="key">
  <kbd>F</kbd>
  <span class="sound">openhat"</span>
  </div>
   <div data-key="71" class="key">
  <kbd>G</kbd>
  <span class="sound">boom</span>
  </div>
   <div data-key="72" class="key">
  <kbd>H</kbd>
  <span class="sound">ride</span>
  </div>
   <div data-key="74" class="key">
  <kbd>J</kbd>
  <span class="sound">snare</span>
  </div>
   <div data-key="75" class="key">
  <kbd>K</kbd>
  <span class="sound">tom</span>
  </div>
   <div data-key="76" class="key">
  <kbd>L</kbd>
  <span class="sound">tink</span>
  </div>
</div>

<audio data-key="65" src="Sounds/banjo.wav"></audio>
<audio data-key="83" src="Sounds/bass_guitar1.wav"></audio>
<audio data-key="68" src="Sounds/banjo.wav"></audio>
<audio data-key="70" src="Sounds/banjo.wav"></audio>
<audio data-key="71" src="Sounds/banjo.wav"></audio>
<audio data-key="72" src="Sounds/banjo.wav"></audio>
<audio data-key="74" src="Sounds/banjo.wav"></audio>
<audio data-key="75" src="Sounds/banjo.wav"></audio>
<audio data-key="76" src="Sounds/banjo.wav"></audio>

Js

window.addEventListener('keydown', function(e){
    const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
    console.log(audio);


});