Plan for Dice Game:

Dice game 1 player Roll the dice to begin the game The dice appears on the first roll When a dice is rolled, the score adds up Once the score passed, 20, you win. However, if you hit ‘1’ then you lose (if less than score of 20) If the player won or lost, the player can start the game again You may want to change the score to any number other than 20

1. Create HTML with img div for the dice.
2. Add a button to the HTML for 'roll dice'

3. Add a p tag to track the score.
4. Add a p tag to display 'winner' or 'loser' HTML COMPLETE

JS

1. Button component - call the button element from HTML.
2. Give the button a click function
3. Make something appear in the console when the button is clicked.
4. Make a random number function that max's out at 6 and cannot be a decimal.
5. Log that random number to the console.
6. connect the random number element to the button 'oncilck' method.

a - add the random numbers together untill they reach 20. Then stop. - console.log you've won. b - if the random number is 1 - stop - console log - you lose.

7. Pull the 'score tracker' p element from the HTML.

8. Display the random number in the score tracker.

9. Pull the 'display winner or loser' from the HTML.

10. Change the console log of the random numbers to a display random number within the winner/loser p tag.

11. After this alert appears give the player the option to play again.

12. Connect the dice images to the random number generator with an IF statement.