Github Source Files
- DOM Manipulation
- Control Structures
- HTML Audio API
New Things Learned or Refreshed
This project involved the use a “data-key” attribute that I'd never seen before. The “data-key” attribute was then selected using the CSS selector[attribute] method. I found this interesting as this was the first time I had saw this done. I also learned how to associate an audio file with the audio API.
Time to Code
This took about 30 minutes to code.
Lines of Code
Biggest Take Away(s)
Retrieving elements from the DOM is not limited to just “id”, “class”, and elements. You can also select DOM elements using the elements attributes.
What to Accomplish
- Download the source code from the github repository above.
- Delete the
<script>contents of the
<script>section of the
- Add a link to your finished project below!
What You Should See
- When you type the key displayed in the browser, you should hear the corresponding audio file.
Need to see the video solution for this project?