Interactive Guessing Game

Overview and Objectives

In this lab, learners will apply control flow concepts in JavaScript by creating an interactive guessing game. This exercise reinforces the use of conditional execution (if/else statements) and loops (for/while) in a practical scenario. By the end of this lab, learners will be able to:

• Use loops to repeat actions based on user input.
• Implement conditional statements to compare values and control the game flow.
• Use JavaScript functions such as prompt() for user input and alert() or console.log() for output.
• Handle basic input validation and provide appropriate feedback.

Tasks and Instructions

Task 1: Develop the Guessing Game Script

1. File Creation:

   • Create a new JavaScript file named guessingGame.js.

2. Generate a Secret Number:

   • Use JavaScript’s Math.random() and Math.floor() functions to generate a secret number between 1 and 10. For example:

     const secretNumber = Math.floor(Math.random() * 10) + 1;

3. User Interaction and Looping:

   • Use a loop (while or for) to allow the user up to 3 attempts to guess the secret number.
   • Inside the loop:
     • Use prompt() to ask the user for their guess.
     • Convert the input (which is a string) to a number.
     • Use conditional statements (if...else if...else) to compare the guess with the secret number:
       • If the guess is equal to the secret number, display a congratulatory message (using alert() or console.log()) and exit the loop.
       • If the guess is higher than the secret number, inform the user that their guess is too high.
       • If the guess is lower than the secret number, inform the user that their guess is too low.
   • After 3 incorrect attempts, display a message informing the user that they have lost and reveal the secret number.

4. Enhancements:

   • Allow the user to play again by asking if they would like to retry the game.
   • Include input validation to ensure that the user enters a number. If not, prompt the user again or show an error message.

Task 2: Test Your Script

• Execution:
  • Run your script by including it in an HTML file and opening it in your browser, or by using an online JavaScript editor.
• Verification:
  • Verify that the game functions as expected: valid guesses yield appropriate feedback, correct guesses end the game immediately, and after 3 attempts the game reveals the secret number.

Submission Criteria

The following should be included within a GitHub repository, and submitted via Canvas:

• Files/Links:
  • Submit the guessingGame.js file.
  • If using an online editor (e.g., CodePen, JSFiddle), include a link to your project.
• Evidence of Output:
  • Provide a screenshot or text log demonstrating game execution, including at least one complete playthrough (both win and loss scenarios if possible).
• Error-Free Code:
  • Ensure that the script executes without syntax or runtime errors.

Grading Rubric

Total Points: 60 points