The JavaScript Source: Games: Connect 4

★ wanayoo — archive 1999 http://javascript.internet.com/games/connect-4.html

Nouvelle recherche | Portail wanayoo

Home

Games

Connect 4

This is a JavaScript version of 2 player Connect 4. Players take turns dropping pieces into the columns of the board. The computer tracks wins and draws automatically individually a game or match set. Awesome!

The JavaScript Source: Games: Connect 4
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!


  <center> <form name="open-connect4"> <input type=button value="Play Connect 4" onClick="window.open('connect-4.html','connect4','top=100,left=100,width=575,height=400');"> </form> </center>   <HEAD> <STYLE TYPE="text/css"> BODY{background-color: white} IMG {border: 0} A:visited {color: blue} FONT.score {color: blue; font-size: large} FONT.redscore {color: red} FONT.blackscore {color: black} </STYLE> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY OnLoad="rePlay()">  <center> <form name="formo"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Fclearness.gif&y=1999" height="50" width="50"></a></td> <td align=right>Click to start --> <input type="button" name="startButton" value="New Match" onClick="newMatchUp()"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td align=right><input type="button" name="reStartButton" value="New Game" onClick="newGame()"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td align=right><input type="text" name="texter" size="20"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td valign="bottom" align=right><font class="score">SCORE:</font><br><font class="redscore">Red</font>  <font class="blackscore">Black</font></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td valign="top" align=right><input type="text" name="redScoreBoard" size="3"><input type ="text" name="blackScoreBoard" size="3"></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> </tr> <tr> <td><a href="javascript:void dropIt(0)" onMouseOver="placeTop(0); setMsg(''); return true" onMouseOut="unPlaceTop(0)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(1)" onMouseOver="placeTop(1); setMsg(''); return true" onMouseOut="unPlaceTop(1)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(2)" onMouseOver="placeTop(2); setMsg(''); return true" onMouseOut="unPlaceTop(2)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(3)" onMouseOver="placeTop(3); setMsg(''); return true" onMouseOut="unPlaceTop(3)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(4)" onMouseOver="placeTop(4); setMsg(''); return true" onMouseOut="unPlaceTop(4)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(5)" onMouseOver="placeTop(5); setMsg(''); return true" onMouseOut="unPlaceTop(5)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> <td><a href="javascript:void dropIt(6)" onMouseOver="placeTop(6); setMsg(''); return true" onMouseOut="unPlaceTop(6)"><img border="0" src="/old?u=http%3A%2F%2Fjavascript.internet.com%2Fgames%2Ffillempty.gif&y=1999" height="50" width="50"></A></td> </tr> </table> </form> </center>   <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="/old?u=http%3A%2F%2Fjavascriptsource.com&y=1999">The JavaScript Source</a></font> </center><p> 
Did you use this script?  Do you like this site?  Please link to us!

We'll send this script to you!

(just click "Send it!" once!)

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]
The JavaScript Source
Copyright 2000 Internet.com Corp.
All Rights Reserved. Legal Notices
Privacy Policy
Advertising Information