»
Tiếng AnhTiếng PhápTiếng Việt

In - Tìm các cặp hình giống nhau - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trò chơi » Giải đố » Tìm các cặp hình giống nhau
URL: https://www.javascriptbank.com/concentration-using-differance-images-index.html

Tìm các cặp hình giống nhau © JavaScriptBank.comTương tự trò chơi JavaScript Trúc Xanh, nhưng trong trò chơi JavaScript này, bạn chỉ cần lật các ô vuông để tìm các cặp hình giống nhau.

Phiên bản đầy đủ: jsB@nk » Trò chơi » Giải đố » Tìm các cặp hình giống nhau
URL: https://www.javascriptbank.com/concentration-using-differance-images-index.html



CSS
<style type="text/css">body{background-color:#ffffff;font-size:10pt;color:#00436e;font-family:sans-serif;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="javascript">/*ORIGINAL SCRIPT CREATED Brian Gosselin OF http://scriptasylum.comEDITED BY Michael Rottmeier OF http://michael-rottmeier.bei.t-online.deTHIS VERSION ADDS THE ABILTY TO MATCH DIFFERENT BUT RELATED IMAGESINSTEAD OF THE SAME IMAGE.*/var pics=new Array();for(i=1;i<=18;i++){pics[i]=new Image();pics[i].src='K_image'+i+'.gif';}for(i=83;i<=100;i++){pics[i]=new Image();pics[i].src='K_image'+i+'.gif';}var map=new Array(18, 83, 17, 84, 16, 85, 15, 86, 14, 87, 13, 88, 12, 89, 11, 90, 10, 91, 9, 92, 8, 93, 7, 94, 6, 95, 5, 96, 4, 97, 3, 98, 2, 99, 1, 100)var user=new Array();var temparray=new Array();var clickarray=new Array(0,0);var ticker, sec, min, ctr, id=0, oktoclick, finished;function init(){clearTimeout(id);for(i=0;i<=35;i++)user[i]=0;ticker=0; min=0; sec=0; ctr=0; finished=0;oktoclick=true;document.forms["f"].b.value=" Start ";scramble();id=setInterval('runclk()', 995);for(i=0;i<=35;i++){document.images[('img'+i)].src="K_image0.gif";document.images[('img'+i)].alt="";}}function runclk(){min=Math.floor(ticker/60);sec=(ticker-(min*60))+'';if(sec.length==1){sec="0"+sec};ticker++;document.forms["f"].b.value="    "+min+":"+sec+"    ";}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.images[('img'+but)].src='K_image'+map[but]+'.gif';document.images[('img'+but)].alt='Image '+map[but];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.images[('img'+clickarray[0])].src="K_image0.gif";document.images[('img'+clickarray[0])].alt="";oktoclick=true;}else{if((Math.floor(map[clickarray[0]] + map[clickarray[1]])) != 101){if(user[clickarray[0]]==0){document.images[('img'+clickarray[0])].src="K_image0.gif";document.images[('img'+clickarray[0])].alt="";}if(user[clickarray[1]]==0){document.images[('img'+clickarray[1])].src="K_image0.gif";document.images[('img'+clickarray[1])].alt="";}}if((Math.floor(map[clickarray[0]] + map[clickarray[1]])) == 101){if(user[clickarray[0]]==0&&user[clickarray[1]]==0){finished++; }user[clickarray[0]]=1;user[clickarray[1]]=1;}if(finished >= 18){alert('Well, done in '+document["f"].b.value+'. Great !');/// Change Value of the ClockclearTimeout(id);document.forms["f"].b.value = 'Newstart';/// End}else{oktoclick=true;}}}//window.onload=init;</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table cellpadding="2" cellspacing="0" border="1"><tr><td width="25">1</td><td width="25">2</td><td width="25">3</td><td width="25">4</td><td width="25">5</td><td width="25">6</td><td width="25">7</td><td width="25">8</td><td width="25">9</td><td width="25">10</td><td width="25">11</td><td width="25">12</td><td width="25">13</td><td width="25">14</td><td width="25">15</td><td width="25">16</td><td width="25">17</td><td width="25">18</td></tr><tr><td>100</td><td>99</td><td>98</td><td>97</td><td>96</td><td>95</td><td>94</td><td>93</td><td>92</td><td>91</td><td>90</td><td>89</td><td>88</td><td>87</td><td>86</td><td>85</td><td>84</td><td>83</td></tr></table><br><br><table cellpadding="0" cellspacing="0" border="0"><script language="javascript">var t='';for(r=0;r<=5;r++){t+='<tr>';for(c=0;c<=5;c++){t+='<td align="center"><a href="javascript:showimage('+((6*r)+c)+')" onClick="this.blur()"><img src="K_image0.gif" name="img'+((6*r)+c)+'" alt="" border="0" width=68></a></td>';}t+='</tr>';}document.write(t);</script></table><br><br><form name="f"><input type="button" value=" Start " name="b" onClick="init()"></form><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/game/Concentration_Using_Differance_Images/Concentration_Using_Differance_Images.zip