Skip to content

Instantly share code, notes, and snippets.

@choopi24

choopi24/Chronos.css

Created April 27, 2018 06:56
Show Gist options
  • Save choopi24/96895cd2d8217a532691270956a99121 to your computer and use it in GitHub Desktop.
Save choopi24/96895cd2d8217a532691270956a99121 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Chronos.css
#iContain{
position:fixed;
}
#GameDiv{
display:none;
position: absolute;
margin-top: -50px;
margin-left: -100px;
}
body{
background-color: lightcyan;
}
button.st{
border:1px solid black;
display:block;
background-color: beige;
padding: 30px;
width: 30px;
height: 30px;
position: absolute;
border-radius:25px;
}
button.chooseRed{
background-color:crimson;
}
button.chooseBlue{
background-color:deepskyblue;
}
button.button-color {
background-color:crimson;
border:1px solid black;
padding: 25px;
width: 25px;
height: 25px;
position: absolute;
border-radius:25px;
}
button.button_color {
background-color:deepskyblue;
border:1px solid black;
padding: 25px;
width: 25px;
height: 25px;
position: absolute;
border-radius:25px;
}
div.RedWon{
display:none;
background-color:crimson;
border:1px;
border-radius:25px;
}
div.BlueWon{
display:none;
background-color:deepskyblue;
border:1px;
border-radius:25px;
}
#RedTurn{
position:fixed;
background-color:crimson;
width:50%;
height:100px;
left:50%;
}
#BlueTurn{
position:fixed;
background-color:deepskyblue;
width:50%;
height:100px;
left:0px;
}
Raw
Chronos.html
<html>
<head>
<title> My Game Web </title>
<script src="Chronos.js"> </script>
<link rel="stylesheet" type="text/css" href="Chronos.css">
</head>
<body><!--<body onload = "initDB(),CreateTBL()...." -->
<form>
<div class = "container" id = "iContain">
Enter Your Name: <input type="text"> </input>
<input type="submit"> </input>
</form>
<button type="button" class="lala" onclick="Restin()"> Reset </button>
<button type="button" class="lala" onclick="showDiv()"> show me </button>
<br><br><br><hr>
<div id="PreGameDiv" align="center"><br><br>
<h1> Please Choose Your Color:</h1><br>
<button class="chooseRed" type="button" onclick="ColorChoice(x2)"> Red </button>
<button class="chooseBlue" type="button" onclick="ColorChoice(x1)"> Blue </button>
</div>
<div align="center" class="RedWon" id="RedWon">
<h1> Red Player Won!!<br> Blue You Are A LOSER!!! Bitch!! Good Job Red!! </h1>
</div>
<div align="center" class="BlueWon" id="BlueWon">
<h1> Blue Player Won!!<br> Red You Are A LOSER!!! Bitch!! Good Job Blue!! </h1>
</div>
<div id="GameDiv">
<br><br>
<div id = "RedTurn"> <h1 class="RedWon" align = "center">Red Player Turn</h1> </div>
<div id = "BlueTurn" > <h1 class="BlueWon" align="center">Blue Player Turn</h1> </div>
<!-- 1st row -->
<button type="button" id="1r-1c" class="st" style="top:155;left:600;" onclick="start(1,1),divView()"> </button>
<button type="button" id="1r-2c" class="st" style="top:155;left:680;" onclick="start(1,2),divView()"> </button>
<button type="button" id="1r-3c" class="st" style="top:155;left:760;" onclick="start(1,3),divView()"> </button>
<button type="button" id="1r-4c" class="st" style="top:155;left:840;" onclick="start(1,4),divView()"> </button>
<button type="button" id="1r-5c" class="st" style="top:155;left:920;" onclick="start(1,5),divView()"> </button>
<button type="button" id="1r-6c" class="st" style="top:155;left:1000;" onclick="start(1,6),divView()"> </button>
<button type="button" id="1r-7c" class="st" style="top:155;left:1080;" onclick="start(1,7),divView()"> </button>
<!-- 2nd row -->
<button type="button" id="2r-1c" class="st" style="top:235;left:600;" onclick="start(2,1),divView()"> </button>
<button type="button" id="2r-2c" class="st" style="top:235;left:680;" onclick="start(2,2),divView()"> </button>
<button type="button" id="2r-3c" class="st" style="top:235;left:760;" onclick="start(2,3),divView()"> </button>
<button type="button" id="2r-4c" class="st" style="top:235;left:840;" onclick="start(2,4),divView()"> </button>
<button type="button" id="2r-5c" class="st" style="top:235;left:920;" onclick="start(2,5),divView()"> </button>
<button type="button" id="2r-6c" class="st" style="top:235;left:1000;" onclick="start(2,6),divView()"> </button>
<button type="button" id="2r-7c" class="st" style="top:235;left:1080;" onclick="start(2,7),divView()"> </button>
<!-- 3rd row -->
<button type="button" id="3r-1c" class="st" style="top:315;left:600;" onclick="start(3,1),divView()"> </button>
<button type="button" id="3r-2c" class="st" style="top:315;left:680;" onclick="start(3,2),divView()"> </button>
<button type="button" id="3r-3c" class="st" style="top:315;left:760;" onclick="start(3,3),divView()"> </button>
<button type="button" id="3r-4c" class="st" style="top:315;left:840;" onclick="start(3,4),divView()"> </button>
<button type="button" id="3r-5c" class="st" style="top:315;left:920;" onclick="start(3,5),divView()"> </button>
<button type="button" id="3r-6c" class="st" style="top:315;left:1000;" onclick="start(3,6),divView()"> </button>
<button type="button" id="3r-7c" class="st" style="top:315;left:1080;" onclick="start(3,7),divView()"> </button>
<!-- 4th row -->
<button type="button" id="4r-1c" class="st" style="top:395;left:600;" onclick="start(4,1),divView()"> </button>
<button type="button" id="4r-2c" class="st" style="top:395;left:680;" onclick="start(4,2),divView()"> </button>
<button type="button" id="4r-3c" class="st" style="top:395;left:760;" onclick="start(4,3),divView()"> </button>
<button type="button" id="4r-4c" class="st" style="top:395;left:840;" onclick="start(4,4),divView()"> </button>
<button type="button" id="4r-5c" class="st" style="top:395;left:920;" onclick="start(4,5),divView()"> </button>
<button type="button" id="4r-6c" class="st" style="top:395;left:1000;" onclick="start(4,6),divView()"> </button>
<button type="button" id="4r-7c" class="st" style="top:395;left:1080;" onclick="start(4,7),divView()"> </button>
<!-- 5th row -->
<button type="button" id="5r-1c" class="st" style="top:475;left:600;" onclick="start(5,1),divView()"> </button>
<button type="button" id="5r-2c" class="st" style="top:475;left:680;" onclick="start(5,2),divView()"> </button>
<button type="button" id="5r-3c" class="st" style="top:475;left:760;" onclick="start(5,3),divView()"> </button>
<button type="button" id="5r-4c" class="st" style="top:475;left:840;" onclick="start(5,4),divView()"> </button>
<button type="button" id="5r-5c" class="st" style="top:475;left:920;" onclick="start(5,5),divView()"> </button>
<button type="button" id="5r-6c" class="st" style="top:475;left:1000;" onclick="start(5,6),divView()"> </button>
<button type="button" id="5r-7c" class="st" style="top:475;left:1080;" onclick="start(5,7),divView()"> </button>
<!-- 6th row -->
<button type="button" id="6r-1c" class="st" style="top:555;left:600;" onclick="start(6,1),divView()"> </button>
<button type="button" id="6r-2c" class="st" style="top:555;left:680;" onclick="start(6,2),divView()"> </button>
<button type="button" id="6r-3c" class="st" style="top:555;left:760;" onclick="start(6,3),divView()"> </button>
<button type="button" id="6r-4c" class="st" style="top:555;left:840;" onclick="start(6,4),divView()"> </button>
<button type="button" id="6r-5c" class="st" style="top:555;left:920;" onclick="start(6,5),divView()"> </button>
<button type="button" id="6r-6c" class="st" style="top:555;left:1000;" onclick="start(6,6),divView()"> </button>
<button type="button" id="6r-7c" class="st" style="top:555;left:1080;" onclick="start(6,7),divView()"> </button>
<!-- 7th row -->
<button type="button" id="7r-1c" class="st" style="top:635;left:600;" onclick="start(7,1),divView()"> </button>
<button type="button" id="7r-2c" class="st" style="top:635;left:680;" onclick="start(7,2),divView()"> </button>
<button type="button" id="7r-3c" class="st" style="top:635;left:760;" onclick="start(7,3),divView()"> </button>
<button type="button" id="7r-4c" class="st" style="top:635;left:840;" onclick="start(7,4),divView()"> </button>
<button type="button" id="7r-5c" class="st" style="top:635;left:920;" onclick="start(7,5),divView()"> </button>
<button type="button" id="7r-6c" class="st" style="top:635;left:1000;" onclick="start(7,6),divView()"> </button>
<button type="button" id="7r-7c" class="st" style="top:635;left:1080;" onclick="start(7,7),divView()"> </button>
</div>
</div>
</body>
</html>
Raw
Chronos.js
alert("Welcome");
var ch = 0;
var x1 = 1;
var x2 = 2;
var Turn = 2;
function divView(){
if(Turn % 2 == 0){
document.getElementById('RedTurn').style.display = "block";
document.getElementById('BlueTurn').style.display = "none";
}
else{
document.getElementById('BlueTurn').style.display = "block";
document.getElementById('RedTurn').style.display = "none";
}
}
function ColorChoice(x){
if(x == 2){
document.getElementById('RedTurn').style.display = "block";
document.getElementById('BlueTurn').style.display = "none";
Turn = 2;
x1++ , x2++;
}
if (x==1){
document.getElementById('BlueTurn').style.display = "block";
document.getElementById('RedTurn').style.display = "none";
Turn = 1;
x1++ , x2++;
}
document.getElementById('GameDiv').style.display = "block";
document.getElementById('PreGameDiv').style.display = "none";
}
var x , y , color , Row , Column;
var Board = new Array(7);
for (var i=0;i<7;i++){
Board[i] = new Array(7);
}
for (var i=0;i<7;i++){
for (var j =0;j<7;j++){
Board[i][j]="White";
}
var TERMINATE;
var z;
}
function start(x,y){
if (TERMINATE == 666){throw ''}
TERMINATE = Play(x,y)
}
function Play(x, y){
switch (x){
case 1:{
switch (y){
//case 1-1
case 1:
if(document.getElementById("1r-1c").className == 'button-color'){break;}
if(document.getElementById("1r-1c").className == 'button_color'){break;}
z = CheckMate(1,1);
if (Turn%2 == 0){
document.getElementById("1r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-2
case 2:
if(document.getElementById("1r-2c").className == 'button-color'){break;}
if(document.getElementById("1r-2c").className == 'button_color'){break;}
z = CheckMate(1,2);
if (Turn%2 == 0){
document.getElementById("1r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-3
case 3:
if(document.getElementById("1r-3c").className == 'button-color'){break;}
if(document.getElementById("1r-3c").className == 'button_color'){break;}
z = CheckMate(1,3);
if (Turn%2 == 0){
document.getElementById("1r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-4
case 4:
if(document.getElementById("1r-4c").className == 'button-color'){break;}
if(document.getElementById("1r-4c").className == 'button_color'){break;}
z = CheckMate(1,4);
if (Turn%2 == 0){
document.getElementById("1r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-5
case 5:
if(document.getElementById("1r-5c").className == 'button-color'){break;}
if(document.getElementById("1r-5c").className == 'button_color'){break;}
z = CheckMate(1,5);
if (Turn%2 == 0){
document.getElementById("1r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-6
case 6:
if(document.getElementById("1r-6c").className == 'button-color'){break;}
if(document.getElementById("1r-6c").className == 'button_color'){break;}
z = CheckMate(1,6);
if (Turn%2 == 0){
document.getElementById("1r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 1-7
case 7:
if(document.getElementById("1r-7c").className == 'button-color'){break;}
if(document.getElementById("1r-7c").className == 'button_color'){break;}
z = CheckMate(1,7);
if (Turn%2 == 0){
document.getElementById("1r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("1r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 2:{
switch (y){
//case 2-1
case 1:
if(document.getElementById("2r-1c").className == 'button-color'){break;}
if(document.getElementById("2r-1c").className == 'button_color'){break;}
z = CheckMate(2,1);
if (Turn%2 == 0){
document.getElementById("2r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-2
case 2:
if(document.getElementById("2r-2c").className == 'button-color'){break;}
if(document.getElementById("2r-2c").className == 'button_color'){break;}
z = CheckMate(2,2);
if (Turn%2 == 0){
document.getElementById("2r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-3
case 3:
if(document.getElementById("2r-3c").className == 'button-color'){break;}
if(document.getElementById("2r-3c").className == 'button_color'){break;}
z = CheckMate(2,3);
if (Turn%2 == 0){
document.getElementById("2r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-4
case 4:
if(document.getElementById("2r-4c").className == 'button-color'){break;}
if(document.getElementById("2r-4c").className == 'button_color'){break;}
z = CheckMate(2,4);
if (Turn%2 == 0){
document.getElementById("2r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-5
case 5:
if(document.getElementById("2r-5c").className == 'button-color'){break;}
if(document.getElementById("2r-5c").className == 'button_color'){break;}
z = CheckMate(2,5);
if (Turn%2 == 0){
document.getElementById("2r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-6
case 6:
if(document.getElementById("2r-6c").className == 'button-color'){break;}
if(document.getElementById("2r-6c").className == 'button_color'){break;}
z = CheckMate(2,6);
if (Turn%2 == 0){
document.getElementById("2r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 2-7
case 7:
if(document.getElementById("2r-7c").className == 'button-color'){break;}
if(document.getElementById("2r-7c").className == 'button_color'){break;}
z = CheckMate(2,7);
if (Turn%2 == 0){
document.getElementById("2r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("2r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 3:{
switch (y){
//case 3-1
case 1:
if(document.getElementById("3r-1c").className == 'button-color'){break;}
if(document.getElementById("3r-1c").className == 'button_color'){break;}
z = CheckMate(3,1);
if (Turn%2 == 0){
document.getElementById("3r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-2
case 2:
if(document.getElementById("3r-2c").className == 'button-color'){break;}
if(document.getElementById("3r-2c").className == 'button_color'){break;}
z = CheckMate(3,2);
if (Turn%2 == 0){
document.getElementById("3r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-3
case 3:
if(document.getElementById("3r-3c").className == 'button-color'){break;}
if(document.getElementById("3r-3c").className == 'button_color'){break;}
z = CheckMate(3,3);
if (Turn%2 == 0){
document.getElementById("3r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-4
case 4:
if(document.getElementById("3r-4c").className == 'button-color'){break;}
if(document.getElementById("3r-4c").className == 'button_color'){break;}
z = CheckMate(3,4);
if (Turn%2 == 0){
document.getElementById("3r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-5
case 5:
if(document.getElementById("3r-5c").className == 'button-color'){break;}
if(document.getElementById("3r-5c").className == 'button_color'){break;}
z = CheckMate(3,5);
if (Turn%2 == 0){
document.getElementById("3r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-6
case 6:
if(document.getElementById("3r-6c").className == 'button-color'){break;}
if(document.getElementById("3r-6c").className == 'button_color'){break;}
z = CheckMate(3,6);
if (Turn%2 == 0){
document.getElementById("3r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 3-7
case 7:
if(document.getElementById("3r-7c").className == 'button-color'){break;}
if(document.getElementById("3r-7c").className == 'button_color'){break;}
z = CheckMate(3,7);
if (Turn%2 == 0){
document.getElementById("3r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("3r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 4:{
switch (y){
//case 4-1
case 1:
if(document.getElementById("4r-1c").className == 'button-color'){break;}
if(document.getElementById("4r-1c").className == 'button_color'){break;}
z = CheckMate(4,1);
if (Turn%2 == 0){
document.getElementById("4r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-2
case 2:
if(document.getElementById("4r-2c").className == 'button-color'){break;}
if(document.getElementById("4r-2c").className == 'button_color'){break;}
z = CheckMate(4,2);
if (Turn%2 == 0){
document.getElementById("4r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-3
case 3:
if(document.getElementById("4r-3c").className == 'button-color'){break;}
if(document.getElementById("4r-3c").className == 'button_color'){break;}
z = CheckMate(4,3);
if (Turn%2 == 0){
document.getElementById("4r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-4
case 4:
if(document.getElementById("4r-4c").className == 'button-color'){break;}
if(document.getElementById("4r-4c").className == 'button_color'){break;}
z = CheckMate(4,4);
if (Turn%2 == 0){
document.getElementById("4r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-5
case 5:
if(document.getElementById("4r-5c").className == 'button-color'){break;}
if(document.getElementById("4r-5c").className == 'button_color'){break;}
z = CheckMate(4,5);
if (Turn%2 == 0){
document.getElementById("4r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-6
case 6:
if(document.getElementById("4r-6c").className == 'button-color'){break;}
if(document.getElementById("4r-6c").className == 'button_color'){break;}
z = CheckMate(4,6);
if (Turn%2 == 0){
document.getElementById("4r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 4-7
case 7:
if(document.getElementById("4r-7c").className == 'button-color'){break;}
if(document.getElementById("4r-7c").className == 'button_color'){break;}
z = CheckMate(4,7);
if (Turn%2 == 0){
document.getElementById("4r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("4r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 5:{
switch (y){
//case 5-1
case 1:
if(document.getElementById("5r-1c").className == 'button-color'){break;}
if(document.getElementById("5r-1c").className == 'button_color'){break;}
z = CheckMate(5,1);
if (Turn%2 == 0){
document.getElementById("5r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-2
case 2:
if(document.getElementById("5r-2c").className == 'button-color'){break;}
if(document.getElementById("5r-2c").className == 'button_color'){break;}
z = CheckMate(5,2);
if (Turn%2 == 0){
document.getElementById("5r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-3
case 3:
if(document.getElementById("5r-3c").className == 'button-color'){break;}
if(document.getElementById("5r-3c").className == 'button_color'){break;}
z = CheckMate(5,3);
if (Turn%2 == 0){
document.getElementById("5r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-4
case 4:
if(document.getElementById("5r-4c").className == 'button-color'){break;}
if(document.getElementById("5r-4c").className == 'button_color'){break;}
z = CheckMate(5,4);
if (Turn%2 == 0){
document.getElementById("5r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-5
case 5:
if(document.getElementById("5r-5c").className == 'button-color'){break;}
if(document.getElementById("5r-5c").className == 'button_color'){break;}
z = CheckMate(5,5);
if (Turn%2 == 0){
document.getElementById("5r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-6
case 6:
if(document.getElementById("5r-6c").className == 'button-color'){break;}
if(document.getElementById("5r-6c").className == 'button_color'){break;}
z = CheckMate(5,6);
if (Turn%2 == 0){
document.getElementById("5r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 5-7
case 7:
if(document.getElementById("5r-7c").className == 'button-color'){break;}
if(document.getElementById("5r-7c").className == 'button_color'){break;}
z = CheckMate(5,7);
if (Turn%2 == 0){
document.getElementById("5r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("5r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 6:{
switch (y){
//case 6-1
case 1:
if(document.getElementById("6r-1c").className == 'button-color'){break;}
if(document.getElementById("6r-1c").className == 'button_color'){break;}
z = CheckMate(6,1);
if (Turn%2 == 0){
document.getElementById("6r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-2
case 2:
if(document.getElementById("6r-2c").className == 'button-color'){break;}
if(document.getElementById("6r-2c").className == 'button_color'){break;}
z = CheckMate(6,2);
if (Turn%2 == 0){
document.getElementById("6r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-3
case 3:
if(document.getElementById("6r-3c").className == 'button-color'){break;}
if(document.getElementById("6r-3c").className == 'button_color'){break;}
z = CheckMate(6,3);
if (Turn%2 == 0){
document.getElementById("6r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-4
case 4:
if(document.getElementById("6r-4c").className == 'button-color'){break;}
if(document.getElementById("6r-4c").className == 'button_color'){break;}
z = CheckMate(6,4);
if (Turn%2 == 0){
document.getElementById("6r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-5
case 5:
if(document.getElementById("6r-5c").className == 'button-color'){break;}
if(document.getElementById("6r-5c").className == 'button_color'){break;}
z = CheckMate(6,5);
if (Turn%2 == 0){
document.getElementById("6r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-6
case 6:
if(document.getElementById("6r-6c").className == 'button-color'){break;}
if(document.getElementById("6r-6c").className == 'button_color'){break;}
z = CheckMate(6,6);
if (Turn%2 == 0){
document.getElementById("6r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 6-7
case 7:
if(document.getElementById("6r-7c").className == 'button-color'){break;}
if(document.getElementById("6r-7c").className == 'button_color'){break;}
z = CheckMate(6,7);
if (Turn%2 == 0){
document.getElementById("6r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("6r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
case 7:{
switch (y){
//case 7-1
case 1:
if(document.getElementById("7r-1c").className == 'button-color'){break;}
if(document.getElementById("7r-1c").className == 'button_color'){break;}
z = CheckMate(7,1);
if (Turn%2 == 0){
document.getElementById("7r-1c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-1c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-2
case 2:
if(document.getElementById("7r-2c").className == 'button-color'){break;}
if(document.getElementById("7r-2c").className == 'button_color'){break;}
z = CheckMate(7,2);
if (Turn%2 == 0){
document.getElementById("7r-2c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-2c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-3
case 3:
if(document.getElementById("7r-3c").className == 'button-color'){break;}
if(document.getElementById("7r-3c").className == 'button_color'){break;}
z = CheckMate(7,3);
if (Turn%2 == 0){
document.getElementById("7r-3c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-3c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-4
case 4:
if(document.getElementById("7r-4c").className == 'button-color'){break;}
if(document.getElementById("7r-4c").className == 'button_color'){break;}
z = CheckMate(7,4);
if (Turn%2 == 0){
document.getElementById("7r-4c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-4c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-5
case 5:
if(document.getElementById("7r-5c").className == 'button-color'){break;}
if(document.getElementById("7r-5c").className == 'button_color'){break;}
z = CheckMate(7,5);
if (Turn%2 == 0){
document.getElementById("7r-5c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-5c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-6
case 6:
if(document.getElementById("7r-6c").className == 'button-color'){break;}
if(document.getElementById("7r-6c").className == 'button_color'){break;}
z = CheckMate(7,6);
if (Turn%2 == 0){
document.getElementById("7r-6c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-6c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
//case 7-7
case 7:
if(document.getElementById("7r-7c").className == 'button-color'){break;}
if(document.getElementById("7r-7c").className == 'button_color'){break;}
z = CheckMate(7,7);
if (Turn%2 == 0){
document.getElementById("7r-7c").className = 'button-color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
else{
document.getElementById("7r-7c").className = 'button_color';
Turn = Turn + 1;
if (z == 5){return 666;}
break;
}
default:
alert("Error");
}
}
break;
default:
alert("Error1");
}
}
function CheckMate(Row,Column)
{
Row -=1;
Column -=1;
//window.alert("function work");
var RED = 0 , BLUE = 0;
if( Turn % 2 == 0)
{
//window.alert("inside if");
Board[Row][Column]= "Red";
}
else
{
//window.alert("inside else");
Board[Row][Column] = "Blue";
}
//window.alert("before loops");
//Check Columns Loop
for(var i=0;i<7;i++){
//alert ("1st loop");
if(Board[Row][i] == "White")
{
RED=0;
BLUE=0;
//alert ("RED++ column");
}
if(Board[Row][i] == "Red")
{
RED++;
BLUE=0;
//alert ("RED++ column");
}
if(Board[Row][i] == "Blue")
{
BLUE++;
RED=0;
//alert ("BLACK++ column");
}
if(BLUE == 4){
//alert("Blue Won");
winning(0,4);
return 5;
}
if(RED == 4){
//alert("Red Won");
winning(4,0);
return 5;
}
}
var RED = 0 , BLUE = 0;
//Check Rows Loop
for(var i=0;i<7;i++){
//alert ("2nd loop")
if(Board[i][Column] == "White")
{
RED=0;
BLUE=0;
//alert ("RED++ row");
}
if(Board[i][Column] == "Red")
{
RED++;
BLUE=0;
//alert ("RED++ row");
}
if(Board[i][Column] == "Blue")
{
BLUE++;
RED=0;
//alert ("BLACK++ row");
}
if(BLUE == 4){
//alert("Blue Won");
winning(0,4);
return 5;
}
if(RED == 4){
//alert("Red Won");
winning(4,0);
return 5;
}
}
//Diagonal Check
//עובר על כל הלוח
}//סוגר פונקציה
function winning(RED,BLUE){
if (RED==4){
ch +=1000;
document.getElementById('RedWon').style.display = "block";
document.getElementById('GameDiv').style.display = "none";
}
if (BLUE==4){
ch-=1000;
document.getElementById('BlueWon').style.display = "block";
document.getElementById('GameDiv').style.display = "none";
}
}
function Restin(){
location.reload()
}
function showDiv() {
if(ch>999 || ch<-900){
document.getElementById('RedWon').style.display = "none";
document.getElementById('BlueWon').style.display = "none";
}
if (ch%2==0 && ch>-900 && ch<900){
document.getElementById('GameDiv').style.display = "block";
document.getElementById('PreGameDiv').style.display = "none";
}
if(ch>-900 && ch<900){
document.getElementById('GameDiv').style.display = "none";
document.getElementById('PreGameDiv').style.display = "block";
}
ch++;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment