文件名称：rockin-synth
文件大小：1.51MB
文件格式：ZIP
更新时间：2024-05-29 00:53:08
gulp webpack postcss es6-javascript es6-modules
摇滚合成器 :musical_notes: 描述： 当我按下一个键时，它会发出声音。 具体而言，与真实钢琴的音符相对应的音符。 当我按下一个键时，将触发一个过渡。 当我按下键时，它会变大一点并变黄。 当我从钥匙上松开手指时，钥匙会缩小到其常规大小，黄色背景会消失。 :musical_notes: playSound（）函数： playSound()函数为钢琴键创建声音。 它还添加了一个名为.playing的类，该类增加了键的大小，添加了黄色背景和框阴影。 首先，我必须检查页面上是否有具有音频data-key属性的音频元素。 例如，使用audio[data-key]使选择更加具体，而不是简单地使用类。 将e.keyCode （事件键代码）存储为data-key属性的属性值，可以变得更加具体，而不必在每个唯一且单独的键上调用.querySelector()方法。 接下来，我必须选择一个对应的kbd[data-key="${e.key