文件名称：fcc-drum-machine
文件大小：4.47MB
文件格式：ZIP
更新时间：2024-06-01 08:27:03
JavaScript
前端图书馆项目-制作鼓机 用户故事： 我应该能够看到一个带有相应id =“ drum-machine”的外部容器，其中包含所有其他元素。 在＃drum-machine中，我可以看到具有相应id =“ display”的元素。 在＃drum-machine中，我可以看到9个可点击的鼓垫元素，每个元素都有一个鼓垫类名称，一个描述鼓垫将要触发的音频剪辑的唯一ID，以及一个与之对应的内部文本键盘上的以下键之一：Q，W，E，A，S，D，Z，X，C。鼓垫必须按此顺序。 在每个.drum-pad中，应该有一个HTML5音频元素，该元素具有指向音频剪辑的src属性，剪辑的类名以及对应于其父.drum-pad内部文本的ID（例如id = “ Q”，id =“ W”，id =“ E”等）。 当我单击.drum-pad元素时，应触发其子音频元素中包含的音频剪辑。 当我按下与每个.drum-pad相关
【文件预览】：
fcc-drum-machine-master
----package.json(456B)
----src()
--------index.js(240B)
--------images()
--------registerServiceWorker.js(4KB)
--------App.test.js(248B)
--------components()
--------App.js(2KB)
--------styles()
----.idea()
--------vcs.xml(180B)
----public()
--------images()
--------manifest.json(317B)
--------index.html(2KB)
--------audio()
--------favicon.ico(4KB)
----README.md(1KB)
----yarn.lock(245KB)