Hola quisiera saber cual es la diferencia entre estos dos tipos de comillas, sucede que con '' no obtiene el keyCode y con `` si y no entiendo por qué. A continuación el código de la línea en donde se presenta el escenario.
const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
El HTML y SCRIPT
<body>
<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>
<script>
window.addEventListener('keydown', function(e){
const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
console.log(audio);
});
</script>
</body>
con ''
const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
con ``
const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);