A simple 6-sided die rolling website using HTML, CSS, and JS.
This project simulates rolling a six-sided die. Instead of showing just a number, the result is displayed using a visual dice face for better feedback. Each roll is animated to feel more like a real dice roll, and previous rolls are saved in a history list.
When you press 'ROLL THE DICE', the opacity changes, showing that you can't use it while the dice is rolling. It has a little animation that cycles through each die number, then randomly stops on one of them. It gets added to your history of past rolled die, which you can clear using the 'CLEAR HISTORY' button. Each button has a special style/animation when you hover over it, and it also changes your cursor to indicate it's clickable.
- 3d dice actually rolling
- Using the spacebar to roll instead of pressing the button itself
- Multiple die at the same time
Images of code & the website itself with a link
Code
Website
