Code Monkey home page Code Monkey logo

trivia-game-boostrap-jquery-game's Introduction

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!!!!

trivia-game-boostrap-jquery-game's People

Contributors

avidavis avatar dointhedev avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.