JavaScript Tic Tac Toe: Show a Tic Tac Toe board and process player moves

Recommend this page to a friend!
  Info   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 146 All time: 342 This week: 17Up
Version License JavaScript version Categories
ticitoe 1.2Artistic License1.0Games
Description Author

This object can show a Tic Tac Toe board and process player moves.

It can render a board of Tic Tac Toe game inside a given page element.

The object can also validate and process the player moves.

It can generate a tictoe game for a configurable table and no. of match.

Picture of Developer CK
Name: Developer CK <contact>
Classes: 2 packages by
Country: India India
Age: 35
All time rank: 939 in India India
Week rank: 6 Up1 in India India Up

Details
demo url : https://developerck.github.io/tictoe/game.html <div id="overview"> <br> <hr> <h2>This is a tictoe game library.</h2> <h3>You can expand it according to your use.</h3> <p>Fucntion and properties are given below.</p> <p>Jquery required!.</p> <ul> <li><h3>Properties</h3> <ul> <li><a href="#col" >col : No. of Column for table(Default:6)</a></li> <li><a href="#row" >row: No. of Row for Table(Default:7)</a></li> <li><a href="matchCount" >matchCount: on which user said to winner: (Default:4)</a></li> <li><a href="#id" >id: id of div where you want to show your table.(Default:gametable)</a></li> <li><a href="bfn" >bfn: You can pass a function that will execute before every move</a></li> <li><a href="afn" >afn: You can pass a function that will execute after every move</a></li> </ul> </li> <li><h3>Functions</h3> <ul> <li><a href="#init">init(): initialize tictoe</a></li> <li><a href="#move">move(): when move happen </a></li> </ul> </li> </ul> <fieldset id="init"> <legend>init()</legend> <pre> tt.init( { "col":5, "row":6, 'id':'gametable', "matchCount":3, "bfn":function(){alert('before move occurs')}, "afn":function(){alert('after move occurs')} } ); or tt.init() for default; </pre> </fieldset> <fieldset id="move"> <legend>move()</legend> <pre> tt.move(obj); it takes current cell input element as an object </pre> </fieldset> </div>
  Files folder image Files  
File Role Description
Accessible without login Plain text file game.html Doc. Documentation
Plain text file game.js Class Class source
Plain text file game.min.js Class Class source
Accessible without login Plain text file README.md Data Auxiliary data
Accessible without login Plain text file _config.yml Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 100%
Total:146
This week:0
All time:342
This week:17Up