Icontem

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    
Last Updated Ratings Unique User Downloads Download Rankings
2020-10-22 (1 month ago) RSS 2.0 feedNot enough user ratingsTotal: 141 All time: 345 This week: 4Up
Version License JavaScript version Categories
ticitoe 1.1Artistic 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.

Name: Developer CK <contact>
Classes: 2 packages by
Country: India India
Age: 33
All time rank: 939 in India India
Week rank: 6 Up2 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:141
This week:0
All time:345
This week:4Up