JavaScript Fortune Teller
2025-01-27
JavaScript Fortune Teller
This project was a fun holiday exercise mainly to keep working with JavaScript and play with some holiday themed assets in creating a page like audio files and an animated GIF.
Stack
Christmas-themed fortune generator with sound effects, animations, and "Naughty or Nice" holiday humor using JavaScript.
Technology
- Vanilla JavaScript
- Bootstrap 4
- FontAwesome
- HTML5 Audio API
Key Features
- Random fortune selection
- Sound plays based on positive or negative fortune
- GIF to keep users entertained
Learning Focus
- Using more JavaScript built-in utilities like Math
- Constructing fortune strings from templates
- Managing audio playback
Ramblings
While I think this project was my first introduction to the Math built-ins and creating pseudo random number generation, I more remember this project because I got to write a few tongue in cheek christmas fortunes. For example: "Your grandmother will be ran over by a reindeer, the broken hip leads to severe medical debt" and "A loved one will take you christmas shopping for 5 hours, and will not buy anything"
All in all, this was a goofy little project that wasn't too complicated to allow us to focus on the holidays.
Next project: JavaScript Todo Application