Почему не работает событие в javascript?

Question

[Руслан Тимурзиев]

Нажимаю именно на клавиши ASDFGHJKL, т.е. на те клавиши, чьи номера прописаны в data-key. И, нажимая, хоть на любую клавишу, консоль выдает null.

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

Вот html:

<audio data-key="65" src="sounds/clap.wav"></audio>
	<audio data-key="83" src="sounds/hihat.wav"></audio>
	<audio data-key="68" src="sounds/kick.wav"></audio>
	<audio data-key="70" src="sounds/openhat.wav"></audio>
	<audio data-key="71" src="sounds/boom.wav"></audio>
	<audio data-key="72" src="sounds/ride.wav"></audio>
	<audio data-key="74" src="sounds/snare.wav"></audio>
	<audio data-key="75" src="sounds/tom.wav"></audio>
	<audio data-key="76" src="sounds/tink.wav"></audio>

Answer 1

[Владлен Хеллсайт]

...

${e.keyCode} будет доступно только при изогнутых кавычках `

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

Comments

[Руслан Тимурзиев]

Большое спасибо!!!