Math Flashcards Web Page

Ever had that kid who just did not like math? Here is a fun easy solution to that! Level up your math skills with this game that teaches you your math facts.

Comment

Inspiration

I got the idea for this web page from a math game my sister used to play. It would quiz you on how many math equations you can solve in 1 minute. The idea was to make math fun so I decided to try it myself.

What it does

My web page displays a simple math equation like 8 + 3, 5 x 6, or 14 - 9. It then has a box where the user types their answer. It determines if the answer is right or not and then gives you either a check mark or an X depending on if you got it right or not. When you have answered it then you can click a button saying 'Next Flashcard' and it will ask you the next randomly generated question.

How we built it

I used replit to code it and used CSS to style it they way I wanted it to look. I looked up the necessary Javascript needed to code it and customized it to work with my program. From then I had to sort through the errors and when I was finished I simply made it look more organized and then decided I was happy with it. I also used CMU CS Academy to put a photo on the browser tab.

Challenges we ran into

One challenge that I ran into was the fact that I knew almost no Javascript before I started. I had to look up things like 'how to get the user's input. It was a bit annoying to have to look up everything and then use that to create my own variables and functions.

Accomplishments that we're proud of

An accomplishment that I am proud of is just having a submission itself. I was worried I would run out of time because I have never really made a real website before. I am proud to present the web page that I made because I made to the best of my abilities.

What we learned

In the making of this web page I learned quite a lot. Basically I learned Javascript. I have never really used it before and had to learn everything while making this project. I learned how to take the user's input and even create functions. There was a lot of trial and error. But in the end my 9 hours of work paid off.

What's next for Math Flashcards Web Page

The next step in the web page will be to add in a timer and a counter to count how many you can get correct in a row. I would add this because then you can try to beat each other's scores with your friends.

Built With

Share this project:

Updates