topical media & game development
game-javascript-casual-dots-game.htm / htm
<!-- THREE STEPS TO INSTALL DOTS:
1. Paste the coding into the HEAD of your HTML document
2. Add the next code into the OnLoad event handler
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike McGrath (mike_mcgrath@lineone.net -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var compgo=0;
var hit=0;
var t1=0;
var t2=0;
var box=new Array(161);
for(i=0;i<box.length;i++)
{
box[i]=0;
}
var occ=new Array(161);
for(i=0;i<occ.length;i++)
{
occ[i]=0;
}
function dots_ini()
{
for(i=1;i<65;i++)
{
with(document.f)
{
n=eval('x'+i);
{
with(n)checked=0;
}
}
}
}
function convert(t)
{
if(t1==0)t1=eval(t);else t2=eval(t);
if(t2!=0)
{
t=eval(t2-t1);
if(t==8||t==-8||t==1||t==-1)
{
t=eval(t1+t2);
switch(t)
{
case 3: case 10: case 12: case 14: case 16: go(t-3);break;
case 18: case 20: case 22: case 24: case 31: go(t-3);break;
case 5: go(t-4);break;
case 7: go(t-5);break;
case 9: go(t-6);break;
case 11: go(t-7);break;
case 13: go(t-8);break;
case 15: go(t-9);break;
case 19: case 26: case 28: case 30: case 32: go(t+3);break;
case 34: case 36: case 38: case 40: case 47: go(t+3);break;
case 21: go(t+2);break;
case 23: go(t+1);break;
case 25: go(t);break;
case 27: go(t-1);break;
case 29: go(t-2);break;
case 35: case 42: case 44: case 46: case 48: go(t+9);break;
case 50: case 52: case 54: case 56: case 63: go(t+9);break;
case 37: go(t+8);break;
case 39: go(t+7);break;
case 41: go(t+6);break;
case 43: go(t+5);break;
case 45: go(t+4);break;
case 51: case 58: case 60: case 62: case 64: go(t+15);break;
case 66: case 68: case 70: case 72: case 79: go(t+15);break;
case 53: go(t+14);break;
case 55: go(t+13);break;
case 57: go(t+12);break;
case 59: go(t+11);break;
case 61: go(t+10);break;
case 67: case 74: case 76: case 78: case 80: go(t+21);break;
case 82: case 84: case 86: case 88: case 95: go(t+21);break;
case 69: go(t+20);break;
case 71: go(t+19);break;
case 73: go(t+18);break;
case 75: go(t+17);break;
case 77: go(t+16);break;
case 83: case 90: case 92: case 94: case 96: go(t+27);break;
case 98: case 100: case 102: case 104: case 111: go(t+27);break;
case 85: go(t+26);break;
case 87: go(t+25);break;
case 89: go(t+24);break;
case 91: go(t+23);break;
case 93: go(t+22);break;
case 99: case 106: case 108: case 110: case 112: go(t+33);break;
case 114: case 116: case 118: case 120: case 127: go(t+33);break;
case 101:go(t+32);break;
case 103:go(t+31);break;
case 105:go(t+30);break;
case 107:go(t+29);break;
case 109:go(t+28);break;
case 115:go(t+39);break;
case 117:go(t+38);break;
case 119:go(t+37);break;
case 121:go(t+36);break;
case 123:go(t+35);break;
case 125:go(t+34);break;
case 127:go(t+33);break;
}
with(document.f)
{
t1=eval('x'+t1);with(t1)checked=0;
t2=eval('x'+t2);with(t2)checked=0;
}
t1=0;
t2=0;
if(compgo==1)reply();
}
else
{
with(document.f)
{
t1=eval('x'+t1);with(t1)checked=0;
t2=eval('x'+t2);with(t2)checked=0;
}
t1=0;t2=0;
}
}
}
function go(t)
{
if(occ[t]!=1)
{
occ[t]=1;
var target = eval("document.f.i"+t);
if(compgo==1) target.src="game-javascript-casual-dots-blue.gif"; else target.src="game-javascript-casual-dots-red.gif";
switch(t)
{
case 0: ad(8,1);break;
case 1: ad(10,1);break;
case 2: ad(12,1);break;
case 3: ad(14,1);break;
case 4: ad(16,1);break;
case 5: ad(18,1);break;
case 6: ad(20,1);break;
case 7: ad(8,2);break;
case 9: ad(8,4);ad(10,2);break;
case 11: ad(10,4);ad(12,2);break;
case 13: ad(12,4);ad(14,2);break;
case 15: ad(14,4);ad(16,2);break;
case 17: ad(16,4);ad(18,2);break;
case 19: ad(18,4);ad(20,2);break;
case 21: ad(20,4);break;
case 22: ad(8,8);ad(30,1);break;
case 23: ad(10,8);ad(32,1);break;
case 24: ad(12,8);ad(34,1);break;
case 25: ad(14,8);ad(36,1);break;
case 26: ad(16,8);ad(38,1);break;
case 27: ad(18,8);ad(40,1);break;
case 28: ad(20,8);ad(42,1);break;
case 29: ad(30,2);break;
case 31: ad(30,4);ad(32,2);break;
case 33: ad(32,4);ad(34,2);break;
case 35: ad(34,4);ad(36,2);break;
case 37: ad(36,4);ad(38,2);break;
case 39: ad(38,4);ad(40,2);break;
case 41: ad(40,4);ad(42,2);break;
case 43: ad(42,4);break;
case 44: ad(30,8);ad(52,1);break;
case 45: ad(32,8);ad(54,1);break;
case 46: ad(34,8);ad(56,1);break;
case 47: ad(36,8);ad(58,1);break;
case 48: ad(38,8);ad(60,1);break;
case 49: ad(40,8);ad(62,1);break;
case 50: ad(42,8);ad(64,1);break;
case 51: ad(52,2);break;
case 53: ad(52,4);ad(54,2);break;
case 55: ad(54,4);ad(56,2);break;
case 57: ad(56,4);ad(58,2);break;
case 59: ad(58,4);ad(60,2);break;
case 61: ad(60,4);ad(62,2);break;
case 63: ad(62,4);ad(64,2);break;
case 65: ad(64,4);break;
case 66: ad(52,8);ad(74,1);break;
case 67: ad(54,8);ad(76,1);break;
case 68: ad(56,8);ad(78,1);break;
case 69: ad(58,8);ad(80,1);break;
case 70: ad(60,8);ad(82,1);break;
case 71: ad(62,8);ad(84,1);break;
case 72: ad(64,8);ad(86,1);break;
case 73: ad(74,2);break;
case 75: ad(74,4);ad(76,2);break;
case 77: ad(76,4);ad(78,2);break;
case 79: ad(78,4);ad(80,2);break;
case 81: ad(80,4);ad(82,2);break;
case 83: ad(82,4);ad(84,2);break;
case 85: ad(84,4);ad(86,2);break;
case 87: ad(86,4);break;
case 88: ad(74,8);ad(96,1);break;
case 89: ad(76,8);ad(98,1);break;
case 90: ad(78,8);ad(100,1);break;
case 91: ad(80,8);ad(102,1);break;
case 92: ad(82,8);ad(104,1);break;
case 93: ad(84,8);ad(106,1);break;
case 94: ad(86,8);ad(108,1);break;
case 95: ad(96,2);break;
case 97: ad(96,4);ad(98,2);break;
case 99: ad(98,4);ad(100,2);break;
case 101: ad(100,4);ad(102,2);break;
case 103: ad(102,4);ad(104,2);break;
case 105: ad(104,4);ad(106,2);break;
case 107: ad(106,4);ad(108,2);break;
case 109: ad(108,4);break;
case 110: ad(96,8);ad(118,1);break;
case 111: ad(98,8);ad(120,1);break;
case 112: ad(100,8);ad(122,1);break;
case 113: ad(102,8);ad(124,1);break;
case 114: ad(104,8);ad(126,1);break;
case 115: ad(106,8);ad(128,1);break;
case 116: ad(108,8);ad(130,1);break;
case 117: ad(118,2);break;
case 119: ad(118,4);ad(120,2);break;
case 121: ad(120,4);ad(122,2);break;
case 123: ad(122,4);ad(124,2);break;
case 125: ad(124,4);ad(126,2);break;
case 127: ad(126,4);ad(128,2);break;
case 129: ad(128,4);ad(130,2);break;
case 131: ad(130,4);break;
case 132: ad(118,8);ad(140,1);break;
case 133: ad(120,8);ad(142,1);break;
case 134: ad(122,8);ad(144,1);break;
case 135: ad(124,8);ad(146,1);break;
case 136: ad(126,8);ad(148,1);break;
case 137: ad(128,8);ad(150,1);break;
case 138: ad(130,8);ad(152,1);break;
case 139: ad(140,2);break;
case 141: ad(140,4);ad(142,2);break;
case 143: ad(142,4);ad(144,2);break;
case 145: ad(144,4);ad(146,2);break;
case 147: ad(146,4);ad(148,2);break;
case 149: ad(148,4);ad(150,2);break;
case 151: ad(150,4);ad(152,2);break;
case 153: ad(152,4);break;
case 154: ad(140,8);break;
case 155: ad(142,8);break;
case 156: ad(144,8);break;
case 157: ad(146,8);break;
case 158: ad(148,8);break;
case 159: ad(150,8);break;
case 160: ad(152,8);break;
}
if(compgo==0 && hit==0)compgo=1;
hit=0;
}
}
function ad(t,pole)
{
box[t]+=pole;
if(box[t]==15)
{
var target = eval("document.f.i"+t);
if(compgo==1)
{
target.src="game-javascript-casual-dots-blue.gif";
document.f.comp.value++;
hit=1;
}
else
{
target.src="game-javascript-casual-dots-red.gif";
document.f.plyr.value++;
hit=1;
}
}
}
function reply()
{
var ok=0;
for(t=1;t<box.length;t++)
switch(box[t])
{
case 7: switch(t)
{
case 8: case 30: case 52: case 74: case 96: case 118: case 140: go(t+14);break;
case 10: case 32: case 54: case 76: case 98: case 120: case 142: go(t+13);break;
case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t+12);break;
case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t+11);break;
case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t+10);break;
case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t+9);break;
case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t+8);break;
}
ok=1;break;
case 11: go(t+1);ok=1;break;
case 13: go(t-1);ok=1;break;
case 14: switch(t)
{
case 8: case 30: case 52: case 74: case 96: case 118: case 140: go(t-8);break;
case 10: case 32: case 54: case 76: case 98: case 120: case 142: go(t-9);break;
case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t-10);break;
case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t-11);break;
case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t-12);break;
case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t-13);break;
case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t-14);break;
}
ok=1;break;
}
if(ok==1)reply();
else
if(ok!=1 && hit==0) reply0();
else
{
compgo=0;
hit=0;
}
}
function reply0()
{
var i = 0, t= Math.round(Math.random()*112)+1;
while(i<113 && compgo==1)
{
i++; t++; if(t>112)t=1;
switch(t)
{
case 1:if(box [8]==0){go(0);compgo=0;}break;
case 2:if(box[10]==0){go(1);compgo=0;}break;
case 3:if(box[12]==0){go(2);compgo=0;}break;
case 4:if(box[14]==0){go(3);compgo=0;}break;
case 5:if(box[16]==0){go(4);compgo=0;}break;
case 6:if(box[18]==0){go(5);compgo=0;}break;
case 7:if(box[20]==0){go(6);compgo=0;}break;
case 8:if(box [8]==0){go(7);compgo=0;}break;
case 9:if(box [8]==0 && box[10]==0){go(9); compgo=0;}break;
case 10:if(box[10]==0 && box[12]==0){go(11);compgo=0;}break;
case 11:if(box[12]==0 && box[14]==0){go(13);compgo=0;}break;
case 12:if(box[14]==0 && box[16]==0){go(15);compgo=0;}break;
case 13:if(box[16]==0 && box[18]==0){go(17);compgo=0;}break;
case 14:if(box[18]==0 && box[20]==0){go(19);compgo=0;}break;
case 15:if(box[20]==0){go(21);compgo=0;}break;
case 16:if(box [8]==0 && box[30]==0){go(22);compgo=0;}break;
case 17:if(box[10]==0 && box[32]==0){go(23);compgo=0;}break;
case 18:if(box[12]==0 && box[34]==0){go(24);compgo=0;}break;
case 19:if(box[14]==0 && box[36]==0){go(25);compgo=0;}break;
case 20:if(box[16]==0 && box[38]==0){go(26);compgo=0;}break;
case 21:if(box[18]==0 && box[40]==0){go(27);compgo=0;}break;
case 22:if(box[20]==0 && box[42]==0){go(28);compgo=0;}break;
case 23:if(box[30]==0){go(29);compgo=0;}break;
case 24:if(box[30]==0 && box[32]==0){go(31);compgo=0;}break;
case 25:if(box[32]==0 && box[34]==0){go(33);compgo=0;}break;
case 26:if(box[34]==0 && box[36]==0){go(35);compgo=0;}break;
case 27:if(box[36]==0 && box[38]==0){go(37);compgo=0;}break;
case 28:if(box[38]==0 && box[40]==0){go(39);compgo=0;}break;
case 29:if(box[40]==0 && box[42]==0){go(41);compgo=0;}break;
case 30:if(box[42]==0){go(43);compgo=0;}break;
case 31:if(box[30]==0 && box[52]==0){go(44);compgo=0;}break;
case 32:if(box[32]==0 && box[54]==0){go(45);compgo=0;}break;
case 33:if(box[34]==0 && box[56]==0){go(46);compgo=0;}break;
case 34:if(box[36]==0 && box[58]==0){go(47);compgo=0;}break;
case 35:if(box[38]==0 && box[60]==0){go(48);compgo=0;}break;
case 36:if(box[40]==0 && box[62]==0){go(49);compgo=0;}break;
case 37:if(box[42]==0 && box[64]==0){go(50);compgo=0;}break;
case 38:if(box[52]==0){go(51);compgo=0;}break;
case 39:if(box[52]==0 && box[54]==0){go(53);compgo=0;}break;
case 40:if(box[54]==0 && box[56]==0){go(55);compgo=0;}break;
case 41:if(box[56]==0 && box[58]==0){go(57);compgo=0;}break;
case 42:if(box[58]==0 && box[60]==0){go(59);compgo=0;}break;
case 43:if(box[60]==0 && box[62]==0){go(61);compgo=0;}break;
case 44:if(box[62]==0 && box[64]==0){go(63);compgo=0;}break;
case 45:if(box[64]==0){go(65);compgo=0;}break;
case 46:if(box[52]==0 && box[74]==0){go(66);compgo=0;}break;
case 47:if(box[54]==0 && box[76]==0){go(67);compgo=0;}break;
case 48:if(box[56]==0 && box[78]==0){go(68);compgo=0;}break;
case 49:if(box[58]==0 && box[80]==0){go(69);compgo=0;}break;
case 50:if(box[60]==0 && box[82]==0){go(70);compgo=0;}break;
case 51:if(box[62]==0 && box[84]==0){go(71);compgo=0;}break;
case 52:if(box[64]==0 && box[86]==0){go(72);compgo=0;}break;
case 53:if(box[74]==0){go(73);compgo=0;}break;
case 54:if(box[74]==0 && box[76]==0){go(75);compgo=0;}break;
case 55:if(box[76]==0 && box[78]==0){go(77);compgo=0;}break;
case 56:if(box[78]==0 && box[80]==0){go(79);compgo=0;}break;
case 57:if(box[80]==0 && box[82]==0){go(81);compgo=0;}break;
case 58:if(box[82]==0 && box[84]==0){go(83);compgo=0;}break;
case 59:if(box[84]==0 && box[86]==0){go(85);compgo=0;}break;
case 60:if(box[86]==0){go(87);compgo=0;}break;
case 61:if(box[74]==0 && box[96]==0){go(88);compgo=0;}break;
case 62:if(box[76]==0 && box[98]==0){go(89);compgo=0;}break;
case 63:if(box[78]==0 && box[100]==0){go(90);compgo=0;}break;
case 64:if(box[80]==0 && box[102]==0){go(91);compgo=0;}break;
case 65:if(box[82]==0 && box[104]==0){go(92);compgo=0;}break;
case 66:if(box[84]==0 && box[106]==0){go(93);compgo=0;}break;
case 67:if(box[86]==0 && box[108]==0){go(94);compgo=0;}break;
case 68:if(box[96]==0){go(95);compgo=0;}break;
case 69:if(box[96]==0 && box[98]==0){go(97);compgo=0;}break;
case 70:if(box[98]==0 && box[100]==0){go(99);compgo=0;}break;
case 71:if(box[100]==0 && box[102]==0){go(101);compgo=0;}break;
case 72:if(box[102]==0 && box[104]==0){go(103);compgo=0;}break;
case 73:if(box[104]==0 && box[106]==0){go(105);compgo=0;}break;
case 74:if(box[106]==0 && box[108]==0){go(107);compgo=0;}break;
case 75:if(box[108]==0){go(109);compgo=0;}break;
case 76:if(box[96]==0 && box[118]==0){go(110);compgo=0;}break;
case 77:if(box[98]==0 && box[120]==0){go(111);compgo=0;}break;
case 78:if(box[100]==0 && box[122]==0){go(112);compgo=0;}break;
case 79:if(box[102]==0 && box[124]==0){go(113);compgo=0;}break;
case 80:if(box[104]==0 && box[126]==0){go(114);compgo=0;}break;
case 81:if(box[106]==0 && box[128]==0){go(115);compgo=0;}break;
case 82:if(box[108]==0 && box[130]==0){go(116);compgo=0;}break;
case 83:if(box[118]==0){go(117);compgo=0;}break;
case 84:if(box[118]==0 && box[120]==0){go(119);compgo=0;}break;
case 85:if(box[120]==0 && box[34]==0){go(121);compgo=0;}break;
case 86:if(box[122]==0 && box[36]==0){go(123);compgo=0;}break;
case 87:if(box[124]==0 && box[38]==0){go(125);compgo=0;}break;
case 88:if(box[126]==0 && box[40]==0){go(127);compgo=0;}break;
case 89:if(box[128]==0 && box[42]==0){go(129);compgo=0;}break;
case 90:if(box[130]==0){go(131);compgo=0;}break;
case 91:if(box[118]==0 && box[140]==0){go(132);compgo=0;}break;
case 92:if(box[120]==0 && box[142]==0){go(133);compgo=0;}break;
case 93:if(box[122]==0 && box[144]==0){go(134);compgo=0;}break;
case 94:if(box[124]==0 && box[146]==0){go(135);compgo=0;}break;
case 95:if(box[126]==0 && box[148]==0){go(136);compgo=0;}break;
case 96:if(box[128]==0 && box[150]==0){go(137);compgo=0;}break;
case 97:if(box[130]==0 && box[152]==0){go(138);compgo=0;}break;
case 98:if(box[140]==0){go(139);compgo=0;}break;
case 99:if(box[140]==0 && box[142]==0){go(141);compgo=0;}break;
case 100:if(box[142]==0 && box[144]==0){go(143);compgo=0;}break;
case 101:if(box[144]==0 && box[146]==0){go(145);compgo=0;}break;
case 102:if(box[146]==0 && box[148]==0){go(147);compgo=0;}break;
case 103:if(box[148]==0 && box[150]==0){go(149);compgo=0;}break;
case 104:if(box[150]==0 && box[152]==0){go(151);compgo=0;}break;
case 105:if(box[152]==0){go(153);compgo=0;}break;
case 106:if(box[140]==0){go(154);compgo=0;}break;
case 107:if(box[142]==0){go(155);compgo=0;}break;
case 108:if(box[144]==0){go(156);compgo=0;}break;
case 109:if(box[146]==0){go(157);compgo=0;}break;
case 110:if(box[148]==0){go(158);compgo=0;}break;
case 111:if(box[150]==0){go(159);compgo=0;}break;
case 112:if(box[152]==0){go(160);compgo=0;}break;
}
}
if(compgo==1) reply1();
}
function reply1()
{
var i = 0, t= Math.round(Math.random()*161)+1;
while(i<161 && compgo==1)
{
i++; t++; if(t>160)t=1;
switch(box[t])
{
case 1: case 4: go(t-1);compgo=0;break;
case 2: case 8: go(t+1);compgo=0;break;
}
}
if(compgo==1) reply2();
}
function reply2()
{
var i = 0, t= Math.round(Math.random()*161)+1;
while(i<161 && compgo==1)
{
i++; t++; if(t>160)t=1;
switch(box[t])
{
case 12: case 5: go(t-1);compgo=0;break;
case 3: case 9: case 10: go(t+1);compgo=0;break;
case 6: switch(t)
{
case 8: case 30: case 52: case 74: case 96: case 118: case 140: go(t-8);break;
case 10: case 32: case 54: case 76: case 98: case 120: case 142: go(t-9);break;
case 12: case 34: case 56: case 78: case 100: case 122: case 144: go(t-10);break;
case 14: case 36: case 58: case 80: case 102: case 124: case 146: go(t-11);break;
case 16: case 38: case 60: case 82: case 104: case 126: case 148: go(t-12);break;
case 18: case 40: case 62: case 84: case 106: case 128: case 150: go(t-13);break;
case 20: case 42: case 64: case 86: case 108: case 130: case 152: go(t-14);break;
}
compgo=0;break;
}
}
}
// End -->
</SCRIPT>
<!-- STEP TWO: Add this code section into the BODY -->
<!-- Change this address to where you stored the dot images -->
<base href="http://www.yoursite.com/images/dots/">
<BODY onLoad="dots_ini()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<center>
<form name="f">
<table bgcolor=#ffffff border="0" cellpadding="0" cellspacing="0">
<tr>
<td align=center><input type=radio name="x1" onclick="convert(1);"></td>
<td align=center><img name='i0' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x2" onclick="convert(2);"></td>
<td align=center><img name='i1' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x3" onclick="convert(3);"></td>
<td align=center><img name='i2' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x4" onclick="convert(4);"></td>
<td align=center><img name='i3' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x5" onclick="convert(5);"></td>
<td align=center><img name='i4' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x6" onclick="convert(6);"></td>
<td align=center><img name='i5' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x7" onclick="convert(7);"></td>
<td align=center><img name='i6' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x8" onclick="convert(8);"></td>
</tr>
<tr>
<td align=center><img name='i7' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i8' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i9' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i10' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i11' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i12' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i13' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i14' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i15' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i16' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i17' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i18' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i19' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i20' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i21' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x9" onclick="convert(9);"></td>
<td align=center><img name='i22' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x10" onclick="convert(10);"></td>
<td align=center><img name='i23' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x11" onclick="convert(11);"></td>
<td align=center><img name='i24' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x12" onclick="convert(12);"></td>
<td align=center><img name='i25' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x13" onclick="convert(13);"></td>
<td align=center><img name='i26' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x14" onclick="convert(14);"></td>
<td align=center><img name='i27' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x15" onclick="convert(15);"></td>
<td align=center><img name='i28' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x16" onclick="convert(16);"></td>
</tr>
<tr>
<td align=center><img name='i29' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i30' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i31' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i32' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i33' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i34' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i35' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i36' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i37' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i38' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i39' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i40' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i41' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i42' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i43' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x17" onclick="convert(17);"></td>
<td align=center><img name='i44' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x18" onclick="convert(18);"></td>
<td align=center><img name='i45' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x19" onclick="convert(19);"></td>
<td align=center><img name='i46' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x20" onclick="convert(20);"></td>
<td align=center><img name='i47' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x21" onclick="convert(21);"></td>
<td align=center><img name='i48' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x22" onclick="convert(22);"></td>
<td align=center><img name='i49' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x23" onclick="convert(23);"></td>
<td align=center><img name='i50' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x24" onclick="convert(24);"></td>
</tr>
<tr>
<td align=center><img name='i51' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i52' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i53' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i54' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i55' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i56' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i57' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i58' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i59' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i60' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i61' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i62' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i63' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i64' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i65' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x25" onclick="convert(25);"></td>
<td align=center><img name='i66' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x26" onclick="convert(26);"></td>
<td align=center><img name='i67' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x27" onclick="convert(27);"></td>
<td align=center><img name='i68' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x28" onclick="convert(28);"></td>
<td align=center><img name='i69' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x29" onclick="convert(29);"></td>
<td align=center><img name='i70' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x30" onclick="convert(30);"></td>
<td align=center><img name='i71' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x31" onclick="convert(31);"></td>
<td align=center><img name='i72' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x32" onclick="convert(32);"></td>
</tr>
<tr>
<td align=center><img name='i73' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i74' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i75' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i76' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i77' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i78' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i79' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i80' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i81' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i82' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i83' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i84' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i85' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i86' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i87' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x33" onclick="convert(33);"></td>
<td align=center><img name='i88' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x34" onclick="convert(34);"></td>
<td align=center><img name='i89' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x35" onclick="convert(35);"></td>
<td align=center><img name='i90' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x36" onclick="convert(36);"></td>
<td align=center><img name='i91' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x37" onclick="convert(37);"></td>
<td align=center><img name='i92' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x38" onclick="convert(38);"></td>
<td align=center><img name='i93' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x39" onclick="convert(39);"></td>
<td align=center><img name='i94' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x40" onclick="convert(40);"></td>
</tr>
<tr>
<td align=center><img name='i95' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i96' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i97' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i98' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i99' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i100' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i101' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i102' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i103' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i104' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i105' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i106' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i107' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i108' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i109' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x41" onclick="convert(41);"></td>
<td align=center><img name='i110' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x42" onclick="convert(42);"></td>
<td align=center><img name='i111' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x43" onclick="convert(43);"></td>
<td align=center><img name='i112' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x44" onclick="convert(44);"></td>
<td align=center><img name='i113' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x45" onclick="convert(45);"></td>
<td align=center><img name='i114' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x46" onclick="convert(46);"></td>
<td align=center><img name='i115' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x47" onclick="convert(47);"></td>
<td align=center><img name='i116' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x48" onclick="convert(48);"></td>
</tr>
<tr>
<td align=center><img name='i117' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i118' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i119' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i120' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i121' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i122' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i123' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i124' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i125' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i126' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i127' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i128' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i129' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i130' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i131' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x49" onclick="convert(49);"></td>
<td align=center><img name='i132' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x50" onclick="convert(50);"></td>
<td align=center><img name='i133' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x51" onclick="convert(51);"></td>
<td align=center><img name='i134' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x52" onclick="convert(52);"></td>
<td align=center><img name='i135' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x53" onclick="convert(53);"></td>
<td align=center><img name='i136' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x54" onclick="convert(54);"></td>
<td align=center><img name='i137' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x55" onclick="convert(55);"></td>
<td align=center><img name='i138' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x56" onclick="convert(56);"></td>
</tr>
<tr>
<td align=center><img name='i139' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i140' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i141' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i142' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i143' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i144' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i145' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i146' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i147' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i148' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i149' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i150' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i151' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
<td align=center><img name='i152' src='game-javascript-casual-dots-clear.gif' width=30 height=30></td>
<td align=center><img name='i153' src='game-javascript-casual-dots-clear.gif' width=5 height=30></td>
</tr>
<tr>
<td align=center><input type=radio name="x57" onclick="convert(57);"></td>
<td align=center><img name='i154' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x58" onclick="convert(58);"></td>
<td align=center><img name='i155' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x59" onclick="convert(59);"></td>
<td align=center><img name='i156' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x60" onclick="convert(60);"></td>
<td align=center><img name='i157' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x61" onclick="convert(61);"></td>
<td align=center><img name='i158' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x62" onclick="convert(62);"></td>
<td align=center><img name='i159' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x63" onclick="convert(63);"></td>
<td align=center><img name='i160' src='game-javascript-casual-dots-clear.gif' width=30 height=5></td>
<td align=center><input type=radio name="x64" onclick="convert(64);"></td>
</tr>
<tr>
<td bgcolor=silver colspan=7> Computer:<input type=text name='comp' size=2 value=0></td>
<td bgcolor=silver colspan=5>Player: <input type=text name='plyr' size=2 value=0></td>
<td bgcolor=silver colspan=3><input type=button value='Reset' onclick="window.location=window.location;"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 34.20 KB -->
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
