Giter Club home page Giter Club logo

rock-paper-scissors's Introduction

Shark, Crab, Octopus (Rock, Paper, Scissors Game)

Table of Contents

Abstract

This is an application that allows a user play against a computer. It is a game of Rock, Paper, Scissors. The user will select the type of game they would like to play - a classic or difficult game. Then in this version of rock, paper, scissors, the user will be able to select between Shark, Crab, Octopus and the more difficult game adds 2 more fun fighters into the mix of turtle, mermaid. The user selects one and the computer takes a turn randomly selecting a fighter and they face off. Then a result is shown and the game is reset.

Project Specs

  1. Start off the game by making your selection (either the classic or difficult game). The rules of the game are displayed on the main screen on what beats what. Shown below is how to play a Classic version of this application.
    gify1

  2. This is how you play the difficult version of the application.
    gify2

  3. Press the change game button to be brought back to the main screen.
    gify3

Code Architecture

In this application, there are 2 JavaScript files that hold our player and game classes. These 2 files are storing our data model for the game. We also have our HTML file that holds the basic structure for our application and our CSS file that holds all our additional styling for the application. And finally is our main javascript file that is where all the files are pulled together and where the DOM is manipulated.

Challenges/Wins/Reflections

This was the first solo project that I started from a blank page and ended with a complete playable application. I struggled the most on my JavaScript functions starting from scratch and I had to pseudocode a lot and break the game down into smaller and smaller pieces. I discovered the more I did that the more code I could create. I found that local storage for me was a sticking point. I was able to save the wins to storage but I was not able to retrieve them for hours. In the end, I found I was just not returning my function and it was required. So my main reflection is that every challenge becomes a win when you keep working at it.

How to Install and Use

in your terminal run:

git clone [email protected]:Fordo29/rock-paper-scissors.git
cd rock-paper-scissors   
open index.html      

Contributors

Repository Contributors :

Code Review:

Boilerplate Code Credits :

Tech Stack

CSS
HTML
JavaScript

rock-paper-scissors's People

Contributors

fordo29 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.