vugryumov-mdsol / frontend-challenge

UI Codetest - Bowling Scoresheet

Objective

Create an application to track the score of a bowling game. As part of the intervriw process, we will discuss the code provided in this challenge. Do as much as possible in the time you have available to you.

Directions

Fork this repository and create a branch for your answer submission. You may provide a link to the branch or create a pull request to this repo with your answer. Please use the provided functions to calculate the score.

Evaluation Criteria

• Code Quality
• Sematic Markup
• Understanding of CSS and JavaScript

Example Scoresheet

Requirements

• Include 4 players in the game

• Score should be entered via a form in a modal:

  • The form has a submit and cancel button
  • clicking anywhere outside the modal will close the modal
  • The form can calculate the total and apply any validation and scoring rules
  • When the answer is submitted correctly, the modal should close and the information in the scoresheet should update

• Follow standard bowling score rules:

  • Points are from 0-10
  • X = strike
  • / = spare

• Please provide instructions in this readme for anything required to run your final application. It should be clear to us how to run and view your application in a reasonable number of steps.

Restrictions

• CSS:
  Only normalize.css allowed, no additional css frameworks are permitted. Normalize.css is included in the provided template.
• JavaScript:
  The included bowlingscore.js file, VanillaJS, jQuery, or Angular Core only(or similar framework - react, backbone, etc) . No extra widget libraries. Please provide instructions to any build system or tooling that you include.
• HTML:
  Semantic, well-formed, and accessible HTML preferred

Bowling Scoring Rules

Ten-Pin bowling on Wikipedia

Every frame the player makes at least one roll.

If they knock down 10 pins they have a strike (marked with an X) and don't roll anymore in this frame, otherwise they roll once more. If that second roll knocks down the remaining pins, then they have a spare (marked with a /).

The score of a frame is the sum of their rolls. If they rolled a strike, the next 2 rolls are added to their score(whether they are 2 in the next frame, or in the case of 3 strikes in a row, the next 2 frames). In the case of a spare they add the next roll to their score.

The final frame has some special handling. If they player rolls a strike, they roll twice more (but those don't have any special strike handling, they're just added to the total). If the player rolls a spare, they roll once more.

A perfect game (all strikes, and knocking down 10 pins in all rolls on the last frame) is 300 points.