Created with love by:
The project illustrate simple interactions between JavaScript and HTML.
Here's a walkthrough of implemented user stories.
To create a GIF, use LiceCap, RecordIt, or Loom, and link the image here in the markdown.
<img src='http://i.imgur.com/link/to/your/gif/file.gif' title='Video Walkthrough' width='' alt='Video Walkthrough' />
The following required functionalities are completed (this is a sample):
-
Top navigation bar with dropdown buttons
-
The user can attempt to guess a random integer between 1 and 100 by entering a value into a textbox.
-
The user can press a button to check their guess, and receive feedback on whether their guess was too low, too high, or correct.
-
After the user enters a guess, the textbox is cleared.
-
The user sees feedback about the most recent guess in a Bootstrap
alertclass div. If the guess is correct, the user will see a div styled with the "success" background. -
The user is limited to ten guesses to guess the correct number, and can see the number of remaining guesses after each incorrect guess via a "Guesses Remaining" area.
-
The user can restart the game by pressing a "start over" button or link.
-
Link to the game on netify https://vigilant-dijkstra-f7cfcf.netlify.com/
The following **optional** features are implemented: -
Add favicon to the page
-
The user can see a history of past guesses.
-
When the user guesses the same number twice, the user receives an error message alerting them to the fact that they've already guessed that number. The number of guesses remaining should not decrease.
-
The user can play multiple rounds of the game, and see results about previous rounds on the screen.
-
The user can see their best score of the session. Best score is defined as the round that took the fewest guesses to arrive at the correct number.
-
The user can see how long it took to finish each round in seconds.
-
The user is limited to 30 seconds per guess. If the user does not guess within the allotted time, the turn is lost.
The following additional features are implemented:
- List anything else that you can get done to improve the page!
Time spent: X hours spent in total.
Describe any challenges encountered while building the app.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.