FairyTail Rock Paper Scissors

Abstract

FairyTail Battle is a game where you can play varriations of the classic rock paper scissors game against a computer. As a user you are able to select between the classic or difficult game types. The rules for each game is shown and once you select the game you are then able to select your fighter. The game will keep tarck of your and the computer's wins across all the game types and allow you to chenge between the classic and difficult modes.

Installation Instructions

1. Fork and clone this repo
2. Copy the SSH key from the green "Code" button within the repo.
3. In your terminal, use the command git clone git@github.com:[the link to your repo].
4. Open the repo in your text editor to make any changes or inspect code.
5. Use open index.html to open the app in your browser.
6. You can see the deployed site here.

App Preview

Context

I am a student in the 2211 FE Cohort at the Turing School of Software and Design in my fifth week of Mod 1.

For this project, I was provided with an image of a potential window layout along with instructions and requirements for what the app should do. No directories or files were provided and I was tasked with building the app from the ground up, creating my own .html, .css, and .js files.

The project was received 1/10/2022 and the base requirements were completed by 1/13/2022 after approximately 15 hours.

Contributors

Sophie LaBelle

Learning Goals

1. Solidify and demonstrate your understanding of:

• DRY JavaScript
• event delegation to handle similar event listeners

1. Understand the difference between the data model and how the data is displayed on the DOM
2. Use your problem solving process to break down large problems, solve things step by step, and trust yourself to not rely on an outside “answer” to a logical challenge

Wins & Challenges

WINS:

• Understanding how to write out the logic for the game rules to check for a win and getting it written correctly the first time!
• Feeling comfortable with the organization for both my HTML an CSS layouts while writing the code.
• Understanding class to class interaction with gavascript and getting a better understanding of how event bubbling works while using an event listener on the main board.

CHALENGES:

• Structuring how my classes and main files were interacting and making sure I was updating the data model and DOM correctly in the proper spots.
• I struggled finding a solution to prevent the user from clicking on their chosen character a 2nd time after the user and computer selections were displayed and before the board was reset.