
Hosted Project
Math Addition JavaScript Project
GitHub Source Files
https://github.com/romeojeremiah/math-addition-app-project
Project Objective
The objective for this JavaScript math project is to create an addition app that creates two random numbers, adds them, and then checks to see if the user knows its answer.
JavaScript Used
- eventListener
- Array
- Math.random
My Personalize Summary
This was another pretty easy project for me, so I made it more challenging by creating the project in full, much like the last four or five projects I completed.
Instead of watching the instructor's solution, I went ahead and create this JavaScript math project app on my own, CSS in all.
Again, it gave me the opportunity to practice using CSS flex box. I have to say, the CSS Tricks Flex-box page is very helpful.
It helps me visualize exactly what I need to do.
At any rate, this project is simple but I image it can be used for a kid's game.
And, if you want, you can probably make it harder by changing the fixed “+” sign to a randomly generated operator.
New Things Learned or Refreshed
Nothing new in this project.
I coded it pretty fast, just like the previous JavaScript Background Color Changer project.
Oh, I guess I did add something new to the code.
I made the page refresh by using the window.location.reload()
method after each guess was made.
Time to Code
This project took me about 30 minutes to complete on my own, including the CSS and HTML files.
Your Turn!
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
app.js
file. - Implement the JavaScript code in your own
app.js file.
- If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
- Add a link to your finished project below!
What You Should See
Visit the hosted github page to see this JavaScript Math Project Addition App in action.
Leave a Reply