This is a dice game I built as an exercise to practice JS functions and adding animations to websites in the beggining of my study in web development.
I started from an exercise proposed by the course "The Complete 2023 Web Development Bootcamp" and added some functionalities like the dice animation and the "Throw dice!" button.
This is a dice game. Upon button click, two dice are rolled, the first for player 1 and the second for player 2. When both dice are shown, the page tells the game result: either a draw or a victory for player 1 or player 2.
- Live site URL: https://julianastahelin.github.io/dice-game/
- HTML 5;
- CSS 3;
- JS.
- Manipulating HTML element attributes using JS;
- Generation random numbers using JS;
- Using JS setTimeout function for building animations;
- Using CSS transform and transition.