Skip to content
A Magic 8 Ball fortune telling app
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

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.


  • Make the page/site responsive before using it as base template
  • Change and/or add answers
  • Change colors
  • (Probably) re-code using ES6+
You can’t perform that action at this time.