/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Connect Five
Written In XHTML 1.0 Strict, JavaScript, Cascading Style Sheets
Version 1.0 2008/4/10 2008/4/12
Copyright 2008 HockeyInJune
Released as Free and Open Source Software Under GNU General Public License Version 3
*
*
*
HockeyInJune
EMAIL: HockeyInJune@gmail.com
AIM: HockeyInJune
MSN: HockeyInJune@gmail.com
XMPP: HockeyInJune@gmail.com
ICQ: 220525670 (HockeyInJune)
YIM: HockeyInJune
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
Connect Five is Free Software.
You can redistribute it and/or modify it under the terms of the GNU General Public License Version 3 as published by the Free Software Foundation.
Connect Five is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program.
If not, see http://www.gnu.org/licenses/
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
# index.html:
Connect Five
Connect Five
It is Black's Turn.
# EOF
# index.js:
var Turn = 0;
function StartGame() {
document.getElementById("ErrorConsole").innerHTML += "\n";
}
function accessTurn() {
if (Turn == 0 || Turn == 1 || Turn == 2) {
return Turn;
} else {
return 2;
}
}
function mutateTurn(MTurn) {
if (MTurn == 0 || MTurn == 1 || MTurn == 2) {
Turn = MTurn;
} else {
Turn = Turn;
}
}
function PurgeErrorConsole() {
document.getElementById("ErrorConsole").innerHTML = "";
}
function ChangeTurn() {
if (accessTurn() == 0) {
mutateTurn(1);
document.getElementById("turn").innerHTML = "Red";
document.getElementById("turnh").style.color = "Red";
} else if (accessTurn() == 1) {
mutateTurn(0);
document.getElementById("turn").innerHTML = "Black";
document.getElementById("turnh").style.color = "Black";
} else if (accessTurn() == 2) {
document.getElementById("ErrorConsole").innerHTML += "The Game Is Over.\n";
} else {
document.getElementById("ErrorConsole").innerHTML += "accessTurn() returned invalid turn Identifer (This is an impossible Action).\n";
mutateTurn(-1);
}
}
function Drop(y) {
for (var i = 9; i >= 0; i--) {
if (document.getElementById("board").getElementsByTagName("tr")[i].getElementsByTagName("img")[y].src.indexOf("Blank.png") == -1) {
if (i == 0) {
document.getElementById("ErrorConsole").innerHTML += "That is an Invalid Move, Please Try Again.\n";
ChangeTurn();
}
} else {
if (accessTurn() == 0) {
document.getElementById("board").getElementsByTagName("tr")[i].getElementsByTagName("img")[y].src = "Black.png";
i = -1;
} else if (accessTurn() == 1) {
document.getElementById("board").getElementsByTagName("tr")[i].getElementsByTagName("img")[y].src = "Red.png";
i = -1;
} else {
document.getElementById("ErrorConsole").innerHTML += "accessTurn() returned invalid turn Identifer (This is an impossible Action).\n";
i = -1;
}
}
}
CheckWin();
ChangeTurn();
}
function CheckWin() {
if (accessTurn() == 0) {
var ColorChecked = "Black";
} else if (accessTurn() == 1) {
var ColorChecked = "Red";
} else {
document.getElementById("ErrorConsole").innerHTML += "accessTurn() returned invalid turn Identifer (This is an impossible Action).\n";
}
for (var j = 0; j <= 9; j++) {
for (var k = 0, l = 1, m = 2, n = 3, o = 4; o <= 9; k++, l++, m++, n++, o++) {
if (document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[k].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[l].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[m].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[n].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[o].src.indexOf(ColorChecked) != -1) {
document.getElementById("turnh").innerHTML = ColorChecked + " has Won the Game!";
document.getElementById("turnh").style.color = ColorChecked;
EndGame();
return;
}
}
}
for (var j = 0; j <= 9; j++) {
for (var k = 0, l = 1, m = 2, n = 3, o = 4; o <= 9; k++, l++, m++, n++, o++) {
if (document.getElementById("board").getElementsByTagName("tr")[k].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[l].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[m].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[n].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[o].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1) {
document.getElementById("turnh").innerHTML = ColorChecked + " has Won the Game!";
document.getElementById("turnh").style.color = ColorChecked;
EndGame();
return;
}
}
}
for (var j = 4; j <= 9; j++) {
for (var k = 0, l = 1, m = 2, n = 3, o = 4; o <= 9; k++, l++, m++, n++, o++) {
if (document.getElementById("board").getElementsByTagName("tr")[j].getElementsByTagName("img")[k].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j - 1].getElementsByTagName("img")[l].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j - 2].getElementsByTagName("img")[m].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j - 3].getElementsByTagName("img")[n].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[j - 4].getElementsByTagName("img")[o].src.indexOf(ColorChecked) != -1) {
document.getElementById("turnh").innerHTML = ColorChecked + " has Won the Game!";
document.getElementById("turnh").style.color = ColorChecked;
EndGame();
return;
}
}
}
for (var j = 0; j <= 5; j++) {
for (var k = 0, l = 1, m = 2, n = 3, o = 4; o <= 9; k++, l++, m++, n++, o++) {
if (document.getElementById("board").getElementsByTagName("tr")[k].getElementsByTagName("img")[j].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[l].getElementsByTagName("img")[j + 1].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[m].getElementsByTagName("img")[j + 2].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[n].getElementsByTagName("img")[j + 3].src.indexOf(ColorChecked) != -1 && document.getElementById("board").getElementsByTagName("tr")[o].getElementsByTagName("img")[j + 4].src.indexOf(ColorChecked) != -1) {
document.getElementById("turnh").innerHTML = ColorChecked + " has Won the Game!";
document.getElementById("turnh").style.color = ColorChecked;
EndGame();
return;
}
}
}
}
function EndGame() {
for (var i = 0; i < document.getElementById("buttons").getElementsByTagName("button").length; i++) {
document.getElementById("buttons").getElementsByTagName("button")[i].disabled = true;
}
mutateTurn(2);
}
# EOF
# index.css:
body {
text-align:center;
}
table {
margin-left:auto;
margin-right:auto;
}
td{
width:64px;
text-align:center;
}
# EOF
