Guessing Games

A little about me page, with a guessing game that gives you a chance to get to know me even better.

Resources Used

• CSS reset from https://meyerweb.com/eric/tools/css/reset/
• list of cat Instagram accounts curated by Rachel Taylor

Instructions

1. As a user, I would like to learn about the site owner so I can get to know them better.

• [x]Include a short biography, your education history, an overview of your job experience, and any goals that you may have.
• [x]Create an About Me guessing game that utilizes HTML, CSS, & JavaScript.
  • [x]Prompt the user a total of exactly five yes or no questions.
    • Must accept either y/n or yes/no responses
    • Normalize the user input so that it can be validated
    • Let the user know if they answered the question correctly by alerting them with a response.
      • use console.log, switch to alerts when complete

2. As a user, I would like a personalized welcome message so that I feel like I am interacting with the site owner.

• Ask the user their name through a prompt()
• Display name back to the user in welcoming them to your site.
• Display the user’s name back to them in your final message to the user.

lab-03

• Create a “Top Ten” ordered list at the bottom of the page.

• Convert work experience and education summary into an unordered list using HTML

• Add 6th question to the guessing game that takes in a numeric input by prompting the user to guess a number.

  • Indicates through an alert if the guess is “too high” or “too low”.
  • give the user exactly four opportunities to get the correct answer.
  • After all attempts exhausted, tell the user the correct answer.

• Add 7th question

  • has multiple possible correct answers that are stored in an array.
  • Give the user 6 attempts to guess the correct answer.
  • The guesses will end once the user guesses a correct answer or they run out of attempts.
  • Display all the possible correct answers to the user.

• At the end alert how many they got correct out of the 7 questions asked.

Optional

• Make the number-guessing question use a random number as its correct answer.