mirror of
https://github.com/jakejarvis/my-first-website.git
synced 2025-04-26 06:35:22 -04:00
134 lines
3.2 KiB
HTML
134 lines
3.2 KiB
HTML
<html>
|
|
<head>
|
|
<!-- Original: Brian Gosselin (bgaudiodr@aol.com) -->
|
|
<!-- Web Site: http://www.bgaudiodr.iwarp.com -->
|
|
|
|
<!-- This script and many more are available free online at -->
|
|
<!-- The JavaScript Source!! http://javascript.internet.com -->
|
|
|
|
<!-- Begin -->
|
|
<SCRIPT LANGUAGE="JavaScript">
|
|
var pics = new Array();
|
|
for (i = 0; i <= 18; i++) {
|
|
pics[i] = new Image();
|
|
pics[i].src = 'image' + i + '.gif';
|
|
}
|
|
var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18);
|
|
var user = new Array();
|
|
var temparray = new Array();
|
|
var clickarray = new Array(0, 0);
|
|
var ticker, sec, min, ctr, id, oktoclick, finished;
|
|
function init() {
|
|
clearTimeout(id);
|
|
for (i = 0; i <= 35 ;i++) {
|
|
user[i] = 0;
|
|
}
|
|
ticker = 0;
|
|
min = 0;
|
|
sec = 0;
|
|
ctr = 0;
|
|
oktoclick = true;
|
|
finished = 0;
|
|
document.f.b.value = "";
|
|
scramble();
|
|
runclk();
|
|
for (i = 0; i <= 35; i++) {
|
|
document.f[('img'+i)].src = "image0.gif";
|
|
}
|
|
}
|
|
function runclk() {
|
|
min = Math.floor(ticker/60);
|
|
sec = (ticker-(min*60))+'';
|
|
if(sec.length == 1) {sec = "0"+sec};
|
|
ticker++;
|
|
document.f.b.value = min+":"+sec;
|
|
id = setTimeout('runclk()', 1000);
|
|
}
|
|
function scramble() {
|
|
for (z = 0; z < 5; z++) {
|
|
for (x = 0; x <= 35; x++) {
|
|
temparray[0] = Math.floor(Math.random()*36);
|
|
temparray[1] = map[temparray[0]];
|
|
temparray[2] = map[x];
|
|
map[x] = temparray[1];
|
|
map[temparray[0]] = temparray[2];
|
|
}
|
|
}
|
|
}
|
|
function showimage(but) {
|
|
if (oktoclick) {
|
|
oktoclick = false;
|
|
document.f[('img'+but)].src = 'image'+map[but]+'.gif';
|
|
if (ctr == 0) {
|
|
ctr++;
|
|
clickarray[0] = but;
|
|
oktoclick = true;
|
|
} else {
|
|
clickarray[1] = but;
|
|
ctr = 0;
|
|
setTimeout('returntoold()', 600);
|
|
}
|
|
}
|
|
}
|
|
function returntoold() {
|
|
if ((clickarray[0] == clickarray[1]) && (!user[clickarray[0]])) {
|
|
document.f[('img'+clickarray[0])].src = "image0.gif";
|
|
oktoclick = true;
|
|
} else {
|
|
if (map[clickarray[0]] != map[clickarray[1]]) {
|
|
if (user[clickarray[0]] == 0) {
|
|
document.f[('img'+clickarray[0])].src = "image0.gif";
|
|
}
|
|
if (user[clickarray[1]] == 0) {
|
|
document.f[('img'+clickarray[1])].src = "image0.gif";
|
|
}
|
|
}
|
|
if (map[clickarray[0]] == map[clickarray[1]]) {
|
|
if (user[clickarray[0]] == 0&&user[clickarray[1]] == 0) { finished++; }
|
|
user[clickarray[0]] = 1;
|
|
user[clickarray[1]] = 1;
|
|
}
|
|
if (finished >= 18) {
|
|
alert('You did it in '+document.f.b.value+' !');
|
|
init();
|
|
} else {
|
|
oktoclick = true;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<!-- End -->
|
|
|
|
<title>Memory</title>
|
|
</head>
|
|
<body bgcolor="Cornsilk" OnLoad="init()">
|
|
<center><h1>Memory Game</h1><br><hr><br>
|
|
<form name="f">
|
|
<table cellpadding="0" cellspacing="0" border="0">
|
|
<!-- Begin -->
|
|
<script language="javascript">
|
|
for (r = 0; r <= 5; r++) {
|
|
document.write('<tr>');
|
|
for (c = 0; c <= 5; c++) {
|
|
document.write('<td align="center">');
|
|
document.write('<a href="javascript:showimage('+((6*r)+c)+')" onClick="document.f.b.focus()">');
|
|
document.write('<img src="image0.gif" name="img'+((6*r)+c)+'" border="0">');
|
|
document.write('</a></td>');
|
|
}
|
|
document.write('</tr>');
|
|
}
|
|
</script>
|
|
<!-- End -->
|
|
</table>
|
|
<br><br>
|
|
<input type="button" value=" " name="b" onClick="init()">
|
|
</form>
|
|
</center>
|
|
|
|
<p><center>
|
|
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
|
|
by <a href="#">The JavaScript Source</a></font>
|
|
</center><p>
|
|
|
|
</body>
|
|
</html> |