Giter VIP home page Giter VIP logo

tic_tac_toe-6's Introduction

Tic Tac Toe

For this project i decided toc create a simple Tic Tac Toe game. I have designed a simple two-player game that is simply operated by clicking on your desired box. I hope this site can show how Javascript along with relatively simple HTML and CSS can be used to create fun to play games that everyone can enjoy.

Screenshot

Features

Heading

A simple heading making it clear what the game is immedietly when they arrive.

Screenshot

Game Area

The game area is a simple 3x3 box area that the user clickes on when it is their go. Above they will find info about which player is which and how to start the game. They will also find a reset button at the bottom that can be used to reset the game at any point.

Screenshot

Game Results

At the bottom of the page, they will find an area that will tell the user how many times each player has won and who won the last game

Screenshot

Testing

Validator Testing

  • HTML
    • No errors were returned when passing through the official W3C validator
  • CSS
  • JavaScript
    • No errors were found when passing through the official Jshint validator
      • The following metrics were returned:

      • There are 7 functions in this file.

      • Function with the largest signature take 2 arguments, while the median is 1.

      • Largest function has 27 statements in it, while the median is 2.

      • The most complex function has a cyclomatic complexity value of 10 while the median is 1

Deployment:

The site was deployed to GitHub as follows:

  • Navigating to setting
  • Selecting Master Branch from the source menu
  • Obtaining the link to the website

Credits

  • The code for the game-box was adapted from CodeBrainer
  • The Javacsript code from the game came from CodeLeaks

tic_tac_toe-6's People

Contributors

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