A fully functional simulated game of Pig Dice that can be played by two players. The program has been built with HTML, CSS, and JavaScript, with Bootstrap and jQuery CSS and JavaScript libraries, respectively. This program uses what we have learned so far regarding object-oriented JavaScript programming in our Epicodus class, and is a good representative document of the separated back-end and business logic skills we have been working on cultivating, as well as one of the most up-to-date demonstrations of the HTML and CSS web-page design skills we have worked on thus far.
- Bootstrap
- CSS
- HTML
- JavaScript
- jQuery
- Markdown
- Brave
- Git Bash
- Google Chrome
- Visual Studio Code
- Download a web browser, such as Apple Safari, Google Chrome, Microsoft Edge, Mozilla Firefox, or Yandex.
- Navigate to https://github.com/taylorsomers/pig-dice.
- Click the green "Clone or download" button at the right of the screen.
- Select "Download ZIP."
- Use a file extractor or unzip program (such as PeaZip, Unzipper, WinZip, Zipware, or 7-ZIP) to extract the ZIP files onto your computer.
- Open the directory containing the extracted files.
- Double-click the "index.html" file to run the program through your web browser.
| Program Behavior | Example Behavior | Example Output |
|---|---|---|
| Program will generate a random number from 1 to 6, inclusive. | "number" + Enter | "4" |
| Program will generate a new random number from 1 to 6, inclusive, each time the random number generation functionality is initiated. | "click, click" | "3, 5" |
| Program will sum randomly generated numbers as they are generated. | "5, 2, 4" | "5, 5; 2, 7; 4, 11" |
| Program will sum randomly generated numbers as they are generated, unless and until the number 1 is generated, at which point the sum will be changed to 0. | "2, 4, 4, 2, 1" | "2, 2; 4, 6; 4, 10; 2, 12; 1, 0" |
| Program will update total score by adding the sum of all rolls within a player's turn when the "Hold" button is pressed. | "Roll: 4, Turn Total: 4; Roll: 3, Turn Total: 7" | "Total Score: 0; Total Score: 0; Total Score: 7" |
| Program will change the turn total to 0 when the "Hold" button is pushed. | "Roll: 5; Hold" | "Turn Total: 5; Turn Total: 0" |
| Program will announce the winner when/if one of the players clicks the "Hold" button such that their total score reaches 100 or more. | "Turn Total: 12, Total Score: 95, Hold" | "Alert: 'Player 1 is the winner!'" |
| Program will track two parallel sums of randomly generated numbers, which sums are the scores of the respective players. | "Player 1: Roll 5, Turn Total 5 > Hold; Player 2: Roll 4, Turn Total 4 > Hold" | "Player 1 Total Score: 5; Player 2 Total Score: 4" |
| Program will alternate turns between players when either player rolls a 1. | "Player 1: Roll 3 > Roll 1; Player 2: Roll 4 > Roll 1" | "Player 1 turnStatus: true > turnStatus: false; Player 2 turnStatus: true > turnStatus: false" |
| Program will display an error when a player attempts to "roll the die" when it is not their turn. | "Player 1: Roll 1 > Click; Player 2: Roll 4, Turn Total 4 > Roll 1, Turn Total 1 > Click" | "Turn Total 0, 'IT'S NOT YOUR TURN!'; Turn Total 4, Turn Total 0, 'IT'S NOT YOUR TURN!' |
| Program will switch turns from one player to the other when that player exercises their option to "Hold". | "Player 1: Roll 3, Turn Total 3 > Hold > Click; Player 2: Roll 2, Turn Total 2 > Hold > Click" | "[...] > [...] > 'IT'S NOT YOUR TURN!; [...] > [...] > 'IT'S NOT YOUR TURN!" |
- No known bugs at this time. If any are discovered, please feel free to reach out and let me know. If you would like to contribute any fixes or improvements, please do!
- Taylor Somers
- Beverly Potts
This website is licensed under the GNU General Public License GPLv3. (C) 2020 Taylor Somers, Beverly Potts. All rights reserved.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent