Fire på stribe
Hej, jeg er ved at lave et fire på stribe-spil.Men jeg er løbet ind i det problem, at det ikke rigtig virker efter jeg også har skrevet om i checkForWinner-funktionen så den også tjekker om man har vundet lodret. Hvis man fjerner den del af funktionen, sådan så den kun tjekker om man har vundet vandret, virker det fint.
Det der ikke virker er, at den ikke selv skifter brik når man også tjekker lodret. Den gør det når man kun tjekker lodret.
KODE:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Fire på stribe</title>
<meta name="title" content="Fire på stribe" />
<meta name="description" content="" />
<meta name="keywords" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev, Roskilde Tekniske Gymnasium, RTG, Fire på stribe, spil, JavaScript" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="31" />
<meta name="author" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev" />
<meta http-equiv="reply-to" content="sgaarslev@hotmail.com" />
<meta name="copyright" content="Coypright (c) 2007 Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev" />
<meta http-equiv="content-language" content="dan" />
<meta name="rating" content="general" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="objecttype" content="text" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="dc.title" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev, Roskilde Tekniske Gymnasium, RTG, Fire på stribe, spil, JavaScript" />
<meta name="dc.description" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev, Roskilde Tekniske Gymnasium, RTG, Fire på stribe, spil, JavaScript" />
<meta name="dc.subject" content="Spil, fire på stribe" />
<meta name="dc.creator" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev" />
<meta name="dc.rights" content="Copyright (c) 2007 Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev" />
<meta name="dc.identifier" content="http://www.rtgkom.dk/~sonnyg05/firepaastribe/index.html"/>
<meta name="dc.publisher" content="Kenneth Balsiger Andersen, Mick Fürst Steffensen, Sonny Gaarslev"/>
<meta name="dc.language" scheme="nisoz39.50" content="dan" />
<meta name="dc.type" content="text" />
<meta name="dc.format" scheme="mime" content="text/html" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" />
<script language="javascript">
var felter = new Array()
var spar = new Image()
var hjerter = new Image()
var empty = new Image()
spar.src = "spar.png"
hjerter.src = "hjerter.png"
empty.src = "empty.png"
var aktivBrik = new Image()
aktivBrik.src = spar.src
var gameActive = 1
function visBrikTop(hvilkenKolonne) {
if (gameActive == 1) {
document.images[hvilkenKolonne].src = aktivBrik.src
}
}
function fjernBrikTop(hvilkenKolonne) {
if (gameActive == 1) {
document.images[hvilkenKolonne].src = empty.src
}
}
var opfyldt = new Array()
opfyldt[0] = 5
opfyldt[1] = 5
opfyldt[2] = 5
opfyldt[3] = 5
opfyldt[4] = 5
opfyldt[5] = 5
opfyldt[6] = 5
opfyldt[7] = 5
var aktivSpiller = 1
aktivBrik.src = spar.src
function skiftTur() {
if (aktivSpiller == 1) {
aktivSpiller = 2
aktivBrik.src = hjerter.src
}
else if(aktivSpiller == 2) {
aktivSpiller = 1
aktivBrik.src = spar.src
}
}
function laegBrik(hvilkenKolonne) {
if (opfyldt[hvilkenKolonne] >= 0) {
var placering = hvilkenKolonne + 8 + (8 * opfyldt[hvilkenKolonne])
document.images[placering].src = aktivBrik.src
opfyldt[hvilkenKolonne] = opfyldt[hvilkenKolonne] - 1
checkForWinner(placering)
visBrikTop(hvilkenKolonne)
}
}
function clearBoard() {
for (i = 0; i<= 55; i++) {
document.images[i].src = empty.src
}
}
function nulstilScore() {
document.form0.sparScore.value = ""
document.form0.hjerterScore.value = ""
}
function nytSpil() {
clearBoard();
if (aktivSpiller == 1) {
aktivSpiller = 2
aktivBrik.src = hjerter.src
}
else {
aktivSpiller = 1
aktivBrik.src = spar.src
}
opfyldt[0] = 5
opfyldt[1] = 5
opfyldt[2] = 5
opfyldt[3] = 5
opfyldt[4] = 5
opfyldt[5] = 5
opfyldt[6] = 5
opfyldt[7] = 5
nulstilScore()
}
function nyRunde() {
clearBoard();
if (aktivSpiller == 1) {
aktivSpiller = 2
aktivBrik.src = hjerter.src
}
else {
aktivSpiller = 1
aktivBrik.src = spar.src
}
opfyldt[0] = 5
opfyldt[1] = 5
opfyldt[2] = 5
opfyldt[3] = 5
opfyldt[4] = 5
opfyldt[5] = 5
opfyldt[6] = 5
opfyldt[7] = 5
}
function afslutSpil() {
window.close();
}
function checkForWinner(placering) {
if (document.images[placering].src == aktivBrik.src
&&
document.images[placering+1].src == aktivBrik.src
&&
document.images[placering+2].src == aktivBrik.src
&&
document.images[placering+3].src == aktivBrik.src
||
document.images[placering].src == aktivBrik.src
&&
document.images[placering-1].src == aktivBrik.src
&&
document.images[placering-2].src == aktivBrik.src
&&
document.images[placering-3].src == aktivBrik.src
||
document.images[placering].src == aktivBrik.src
&&
document.images[placering+8].src == aktivBrik.src
&&
document.images[placering+16].src == aktivBrik.src
&&
document.images[placering+24].src == aktivBrik.src
||
document.images[placering].src == aktivBrik.src
&&
document.images[placering-8].src == aktivBrik.src
&&
document.images[placering-16].src == aktivBrik.src
&&
document.images[placering-24].src == aktivBrik.src) {
alert('Hej')
if(aktivSpiller == 1) {
sparScoreUp()
nyRunde()
}
else if(aktivSpiller == 2) {
hjerterScoreUp()
nyRunde()
}
}
else {
skiftTur()
alert('Ingen vinder')
}
}
function sparScoreUp() {
document.form0.sparScore.value++
}
function hjerterScoreUp() {
document.form0.hjerterScore.value++
}
</script>
</head>
<body>
<p id="headline">
Fire på stribe
<br />
</p>
<form name="form0">
<table cellspacing="0" cellpadding="0" class="board">
<tr>
<td class="top"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="top"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
<td class="function"><input type="button" name="nytSpilButton" value="Nyt spil" onClick="nytSpil()" class="function"></td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
<td class="function"><input type="button" name="nyRundeButton" value="Ny runde" onClick="nyRunde()" class="function"></td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
<td class="score">
<span class="score">SCORE</span>
<br />
<span class="aktivspiller">x </span>
<input type="text" name="sparScore" size="3" class="score">
<span class="score">Spar</span>
<br />
<span class="aktivspiller">x </span>
<input type ="text" name="hjerterScore" size="3" class="score">
<span class="score">Hjerter</span>
</td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
</tr>
<tr>
<td class="board"><a href="java script:void laegBrik(0)" onMouseOver="visBrikTop(0);" onMouseOut="fjernBrikTop(0)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(1)" onMouseOver="visBrikTop(1);" onMouseOut="fjernBrikTop(1)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(2)" onMouseOver="visBrikTop(2);" onMouseOut="fjernBrikTop(2)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(3)" onMouseOver="visBrikTop(3);" onMouseOut="fjernBrikTop(3)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(4)" onMouseOver="visBrikTop(4);" onMouseOut="fjernBrikTop(4)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(5)" onMouseOver="visBrikTop(5);" onMouseOut="fjernBrikTop(5)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(6)" onMouseOver="visBrikTop(6);" onMouseOut="fjernBrikTop(6)"><img border="0" src="empty.png" class="board"></a></td>
<td class="board"><a href="java script:void laegBrik(7)" onMouseOver="visBrikTop(7);" onMouseOut="fjernBrikTop(7)"><img border="0" src="empty.png" class="board"></a></td>
<td class="function"><input type="button" name="afslutButton" value="Afslut" onclick="java script:window.close();" class="function"></td>
</tr>
</table>
</form>
<br />
<hr />
<p id="copyright">
Copyright © 2007 Kenneth Balsiger Andersen, Mick Fürst Steffensen & Sonny Gaarslev
</p>
</body>
</html>
