Magic 8 Ball

Built using...

• HTML(5)
• CSS
• Javascript
• jQuery

What is the Magic 8 Ball?

This fortune telling web app is basically an online/web version of the classic fortune telling gag toy "Magic 8 Ball." It's shaped like the 8 ball like you see from billiard tables and pool tables. The user will click the Ask Me Anything button, the ball shakes, and types in a "YES"/"NO"-type of question. The ball will provide its answer for that user.

The web app featuers the following:

• It has 20 "YES"/"NO" answers to provide, provided at random.
• The image on the "8" changes as it provides the surprise answer.
• The ball shakes prior to asking the user to answer the question.

Future Plans/Features

I'll be recreating this based on my favorite fandom themes. I may even change the "answer" images as well (instead of the red triangle background). I'll also make it a bit fancier, like different eye-popping fonts, etc. But I don't plan on doing any of this anytime soon.

To-Do

• Make the page/site responsive before using it as base template
• Change and/or add answers
• Change colors
• (Probably) re-code using ES6+