This project involves using JavaScript to wire up a tip calculator. I spent a lot of time on this project. I watched about 20 of John’s 40 minute solution before tackling the project myself. I wanted to watch the first couple of minutes to make sure I was on the right steps towards completing the project, but then he said he wasn’t going to touch any of the HTML.
Array.forEach()
Calculator JavaScript Project
This project involves using JavaScript to wire up a simple calculator. I spent most my time starring at the screen. I got my numbers to show up but I couldn’t figure out how to do the math and make it show up.
Modal JavaScript Project
This project involves wiring up the modal of the previous JavaScript Filter project. Because the filter project was separate from this modal project, this project was completed in its own app.js file.
Filter JavaScript Project
This project involves wiring up two different sections. The first section is the filter buttons, whose purposes are to filter the store items by class. The first section is the search filter, whose purpose is to filter the store items by a search.
Counter JavaScript Project
I found this project super easy. It really is a beginner’s program. The idea was to click on either one of two buttons which registered the count of the on page element.
Drum Kit JavaScript Project
The point of this project is to have each key, when pressed, make a corresponding drum noise. It also uses CSS transitions and animations to make the project more interactive to the user. I completed this project earlier in my JavaScript learning phase. I found it quite confusing because I had never used the HTML audio API or the selection of DOM elements using the date-key attribute.