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.
Beginner JavaScript Projects
Pass The Message JavaScript Project
This project challenges you to select the input element’s value from the DOM. When you click on the “Submit” button you’ll see the message inputted in the box in the “Last Message Delivered” Section. For me this project was fairly easy.
Random Quotes JavaScript Project
This Random Quotes project is fairly simple.
It calls for you to access the properties on an object that’s embedded inside of an Array.
When the “Generate Quote” button is pressed, it triggers a change in quote and the author who said it.
Change Background Color JavaScript Project
Hosted Project https://js-beginners.github.io/project_change_color_background/ Github Source Files https://github.com/JS-Beginners/project_change_color_background This background color changing app was short and sweet to complete. Since I was given the HTML and CSS assets (really, just the styled BootStrap4 button), all I had to do was create an array of different colors and then add a ‘click’ event listener to the button. […]
Hex Change Background Color JavaScript Project
This HEX background color changing app was also short and sweet to complete. However, I did find the instructor’s solution interesting. The idea was to make a random hex value created from an array of all the possible different hex values, loop through them, and concatenate 6 different values to a String that begun with the # character.
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.