这个简单的代码应该在按下“a”时在控制台中返回一个音频文件,但是它给了我NULL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS Drum Kit</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="keys">
<div data-key="65" class="key">
<kbd>A</kbd>
<span class="sound">clap</span>
</div>
<audio data-key="65" src="./sounds/clap.wav"></audio>
<script>
window.addEventListener('keydown', function(e){
const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
console.log(audio);
});
</script>
</body>
</html>
这不是一个重复的问题,这个问题有使用模板文字的问题,其他所有问题都是关于错放脚本标记。