Giter VIP home page Giter VIP logo

ci-project2's Introduction

Rock Paper Scissors

This interactive online game lets the user play a game of "Rock, Paper, Scissors" against the computer. The game dynamically displays what moves are being played, both by the player and by the computer. There is also a score-keeping section where the user can see how many rounds the user has won, and how many rounds the computer has won. The first to win five games is the winner. Underneath the game, there is an option to be taken back to the Start Page again, where the game rules are listed.

It is a simple game spanning two pages, a Start Page and a Game page.

Screenshot displaying the website on different screen sizes

Features

Existing Features

  • The Rock Paper Scissors game heading

    • Featured at the top of the page, the user can clearly see the name of the game upon loading the page. This heading is on both the Start page and the Game page. Page heading
  • Start Page

    • Includes a clickable button at the top that redirects the user to the Game page. Underneath this is a Game Rules section the briefly explains the rules of the game. Start page features
  • Display of who won the current round

    • Displays the results of the current round, inclding images representing the three variables: rock, paper, and scissors. shows who won the round
  • Gameplay section

    • Interactive part of game, where the user gets to choose from one of three options: rock, paper, or scissors, by clicking on the buttons. The buttons are also labelled for sake of clarity. Game section
  • Score keeping section

    • Displays the score. The player gets to play against the computer, and whoever wins five rounds first is the winner. Score section
  • New Game Button

    • Takes the user back to the Start page to begin a new game. New Game button

Testing

Deployment

Credits

Content

Media

ci-project2's People

Contributors

stephaniejfogelvik avatar

Watchers

 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.