part of thr JS30 challenge...the goal is to create a drum pad/ soundboard
#Things I learned about:
-
https://keycode.info/table-of-all-keycodes const audio = document.querySelector(
audio[data-key="${e.keyCode}"]
) const key = document.querySelector(key[data-key="${e.keyCode}"]
) -
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play
-
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
-
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-flexbox-tricks
-
https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
-
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/transitionend_event
-
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units (REM)
more sounds: https://freesound.org/home/login/