JavaScript Math Addition App

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

1. Download the source code from the github repository above.
2. Delete the contents of the app.js file.
3. Implement the JavaScript code in your own app.js file.
4. If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
5. 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.

Need to see the video solution for this project?

Need to see the video solution for this project? Get Bluelime's JavaScript for Beginners: Create 27 Projects from Scratch Course Now!