/Trivia-Game-Boostrap-JQuery-Game

In this repo I demonstrate the use of jQuery, Javascript and Bootstrap 4 to create a California Trivia Game.

Primary LanguageJavaScript

Trivia-Game-Boostrap-JQuery-Game

I demonstrate the use of jQuery, javascript and traversing through the DOM to create this trivia game.

Project Overview

This repo shows my ability to code in JQuery and Javascript. I use arrays, iterations, traversing through the DOM and an audio player to provide this amazing california trivia game to the user.

View Demo

To view demo click on this link: (Demo Link).

Project Requirements

  • Create a trivia game that shows only one question until the player answers it or their time runs out.
  • If the player selects the correct answer, show a screen congratulating them for choosing the right option. After a few seconds, display the next question -- do this without user input.
  • The scenario is similar for wrong answers and time-outs.
  • If the player runs out of time, tell the player that time's up and display the correct answer. Wait a few seconds, then show the next question.
  • If the player chooses the wrong answer, tell the player they selected the wrong option and then display the correct answer. Wait a few seconds, then show the next question.
  • On the final screen, show the number of correct answers, incorrect answers, and an option to restart the game (without reloading the page).

Instructions on how to play the trivia game that will help you know more about california!

  1. Stop for a second and think about the last moment you did something fantastic and tell youself your awesome.
  2. Once the game starts you will be provided with a question and have 4 answers to choose from.
  3. Guess right and something will happen.
  4. Guess wrong and something esle will happen.
  5. I believe they are 8 questions in total.

Can you even wait for it!

YAY!!!!