# word dojo at williston plaza mcd ![](https://i.imgur.com/TRCtAaL.jpg) ## how to play: save the following html + javascript as a html file, and open it in a browser: ``` <!-- saved from url=(0042)http://www.cise.ufl.edu/~ysheng/test/wdojo --> <html><object type="{0C55C096-0F1D-4F28-AAA2-85EF591126E7}" cotype="cs" id="cosymantecbfw" style="width: 0px; height: 0px; display: block;"></object><head><meta http-equiv="Content-Type" content="text/html; charset=Big5"> <title>word_dojo</title> <style>a img {border: none;} a, h6, h3, h4{color:black; text-decoration:none;padding:0px; margin:0px;border:none;} </style> <style>table, td, th{border:1px solid black; }</style> <style>table {border-collapse:collapse;}</style> <style>._txt_400 {width:400px;float:left; margin:4px; padding:2px;border:solid 1px black;overflow:hidden;}</style> <style>._wTile_half {height:26px;}</style> <style>._wTile {height:40px;border:solid 1px black;margin:2px;padding-top:4px;padding-left:10px;}</style> <style>._mono_17px {font-family: monospace;font-size:17px;}</style> <style>._reading {border-bottom: dashed 2px FF8C00;}</style> <style>._annotte_00B0F0 {color:FF8C00;font-family: monospace;font-size:27px;font-family:"微軟正黑體","sans-serif";color:#00B0F0;}</style> <style>._annotte_FF8C00 {color:FF8C00;font-family: monospace;font-size:27px;font-family:"微軟正黑體","sans-serif";color:#FF8C00;}</style> <style>._rope {overflow:hidden;width:50px;}</style> </head><body><div class="_txt_400" id="" style="border:0px;width:477px;height:270px;"> <table> <tbody><tr valign="top" id="board"> <td><div class="_rope"> <div class="_wTile" id="0_0" onclick="click_tile(this, 0, 0)"><span class="_annotte_00B0F0">M</span></div> <div class="_wTile" id="0_1" onclick="click_tile(this, 0, 1)"><span class="_annotte_00B0F0">T</span></div> <div class="_wTile" id="0_2" onclick="click_tile(this, 0, 2)"><span class="_annotte_00B0F0">D</span></div> <div class="_wTile" id="0_3" onclick="click_tile(this, 0, 3)"><span class="_annotte_00B0F0">U</span></div> <div class="_wTile" id="0_4" onclick="click_tile(this, 0, 4)"><span class="_annotte_00B0F0">U</span></div> </div></td> <td><div class="_rope"> <div class="_wTile_half"></div> <div class="_wTile" id="1_0" onclick="click_tile(this, 1, 0)"><span class="_annotte_00B0F0">C</span></div> <div class="_wTile" id="1_1" onclick="click_tile(this, 1, 1)"><span class="_annotte_00B0F0">Q</span></div> <div class="_wTile" id="1_2" onclick="click_tile(this, 1, 2)"><span class="_annotte_00B0F0">Q</span></div> <div class="_wTile" id="1_3" onclick="click_tile(this, 1, 3)"><span class="_annotte_00B0F0">O</span></div> <div class="_wTile" id="1_4" onclick="click_tile(this, 1, 4)"><span class="_annotte_00B0F0">Q</span></div> </div></td> <td><div class="_rope"> <div class="_wTile" id="2_0" onclick="click_tile(this, 2, 0)"><span class="_annotte_00B0F0">J</span></div> <div class="_wTile" id="2_1" onclick="click_tile(this, 2, 1)"><span class="_annotte_00B0F0">G</span></div> <div class="_wTile" id="2_2" onclick="click_tile(this, 2, 2)"><span class="_annotte_00B0F0">U</span></div> <div class="_wTile" id="2_3" onclick="click_tile(this, 2, 3)"><span class="_annotte_00B0F0">I</span></div> <div class="_wTile" id="2_4" onclick="click_tile(this, 2, 4)"><span class="_annotte_00B0F0">B</span></div> </div></td> <td><div class="_rope"> <div class="_wTile_half"></div> <div class="_wTile" id="3_0" onclick="click_tile(this, 3, 0)"><span class="_annotte_00B0F0">Y</span></div> <div class="_wTile" id="3_1" onclick="click_tile(this, 3, 1)"><span class="_annotte_00B0F0">C</span></div> <div class="_wTile" id="3_2" onclick="click_tile(this, 3, 2)"><span class="_annotte_00B0F0">I</span></div> <div class="_wTile" id="3_3" onclick="click_tile(this, 3, 3)"><span class="_annotte_00B0F0">E</span></div> <div class="_wTile" id="3_4" onclick="click_tile(this, 3, 4)"><span class="_annotte_00B0F0">Y</span></div> </div></td> <td><div class="_rope"> <div class="_wTile" id="4_0" onclick="click_tile(this, 4, 0)"><span class="_annotte_00B0F0">E</span></div> <div class="_wTile" id="4_1" onclick="click_tile(this, 4, 1)"><span class="_annotte_00B0F0">H</span></div> <div class="_wTile" id="4_2" onclick="click_tile(this, 4, 2)"><span class="_annotte_00B0F0">V</span></div> <div class="_wTile" id="4_3" onclick="click_tile(this, 4, 3)"><span class="_annotte_00B0F0">I</span></div> <div class="_wTile" id="4_4" onclick="click_tile(this, 4, 4)"><span class="_annotte_00B0F0">A</span></div> </div></td> <td><div class="_rope"> <div class="_wTile_half"></div> <div class="_wTile" id="5_0" onclick="click_tile(this, 5, 0)"><span class="_annotte_00B0F0">I</span></div> <div class="_wTile" id="5_1" onclick="click_tile(this, 5, 1)"><span class="_annotte_00B0F0">O</span></div> <div class="_wTile" id="5_2" onclick="click_tile(this, 5, 2)"><span class="_annotte_00B0F0">G</span></div> <div class="_wTile" id="5_3" onclick="click_tile(this, 5, 3)"><span class="_annotte_00B0F0">W</span></div> <div class="_wTile" id="5_4" onclick="click_tile(this, 5, 4)"><span class="_annotte_00B0F0">U</span></div> </div></td> <td><div class="_rope"> <div class="_wTile" id="6_0" onclick="click_tile(this, 6, 0)"><span class="_annotte_00B0F0">K</span></div> <div class="_wTile" id="6_1" onclick="click_tile(this, 6, 1)"><span class="_annotte_00B0F0">N</span></div> <div class="_wTile" id="6_2" onclick="click_tile(this, 6, 2)"><span class="_annotte_00B0F0">X</span></div> <div class="_wTile" id="6_3" onclick="click_tile(this, 6, 3)"><span class="_annotte_00B0F0">N</span></div> <div class="_wTile" id="6_4" onclick="click_tile(this, 6, 4)"><span class="_annotte_00B0F0">H</span></div> </div></td> <td><div class="_rope"> <div class="_wTile_half"></div> <div class="_wTile" id="7_0" onclick="click_tile(this, 7, 0)"><span class="_annotte_00B0F0">O</span></div> <div class="_wTile" id="7_1" onclick="click_tile(this, 7, 1)"><span class="_annotte_00B0F0">N</span></div> <div class="_wTile" id="7_2" onclick="click_tile(this, 7, 2)"><span class="_annotte_00B0F0">S</span></div> <div class="_wTile" id="7_3" onclick="click_tile(this, 7, 3)"><span class="_annotte_00B0F0">J</span></div> <div class="_wTile" id="7_4" onclick="click_tile(this, 7, 4)"><span class="_annotte_00B0F0">I</span></div> </div></td> <td><div class="_rope"> <div class="_wTile" id="8_0" onclick="click_tile(this, 8, 0)"><span class="_annotte_00B0F0">T</span></div> <div class="_wTile" id="8_1" onclick="click_tile(this, 8, 1)"><span class="_annotte_00B0F0">C</span></div> <div class="_wTile" id="8_2" onclick="click_tile(this, 8, 2)"><span class="_annotte_00B0F0">E</span></div> <div class="_wTile" id="8_3" onclick="click_tile(this, 8, 3)"><span class="_annotte_00B0F0">F</span></div> <div class="_wTile" id="8_4" onclick="click_tile(this, 8, 4)"><span class="_annotte_00B0F0">S</span></div> </div></td></tr> </tbody></table> </div> <div class="_txt_400" style="width:477px;height:70px;background-color:black;" onclick="_clear();"> <div style="width:1800px;"> <span class="_annotte_FF8C00" style="font-size:50px;">CLEAR</span> <span class="_annotte_00B0F0" style="font-size:50px;" id="_curr_ans"></span> </div> </div> <br style="clear:both;"> <div class="_txt_400" style="height:20px;width:170px;background-color:black;" onclick="make_board();"> <div style="width:1800px;"> <span class="_annotte_00B0F0" style="position:relative;top:-20px;font-size:40px;">shuffle</span> </div> </div> <div class="_txt_400" style="height:20px;width:70px;"> <pre id="_htmlSrc"> &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile" id="0_0" onclick="click_tile(this, 0, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;M&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="0_1" onclick="click_tile(this, 0, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;T&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="0_2" onclick="click_tile(this, 0, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;D&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="0_3" onclick="click_tile(this, 0, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;U&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="0_4" onclick="click_tile(this, 0, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;U&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile_half"&gt;&lt;/div&gt; &lt;div class="_wTile" id="1_0" onclick="click_tile(this, 1, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;C&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="1_1" onclick="click_tile(this, 1, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;Q&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="1_2" onclick="click_tile(this, 1, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;Q&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="1_3" onclick="click_tile(this, 1, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;O&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="1_4" onclick="click_tile(this, 1, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;Q&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile" id="2_0" onclick="click_tile(this, 2, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;J&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="2_1" onclick="click_tile(this, 2, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;G&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="2_2" onclick="click_tile(this, 2, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;U&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="2_3" onclick="click_tile(this, 2, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;I&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="2_4" onclick="click_tile(this, 2, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;B&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile_half"&gt;&lt;/div&gt; &lt;div class="_wTile" id="3_0" onclick="click_tile(this, 3, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;Y&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="3_1" onclick="click_tile(this, 3, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;C&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="3_2" onclick="click_tile(this, 3, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;I&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="3_3" onclick="click_tile(this, 3, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;E&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="3_4" onclick="click_tile(this, 3, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;Y&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile" id="4_0" onclick="click_tile(this, 4, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;E&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="4_1" onclick="click_tile(this, 4, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;H&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="4_2" onclick="click_tile(this, 4, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;V&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="4_3" onclick="click_tile(this, 4, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;I&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="4_4" onclick="click_tile(this, 4, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;A&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile_half"&gt;&lt;/div&gt; &lt;div class="_wTile" id="5_0" onclick="click_tile(this, 5, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;I&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="5_1" onclick="click_tile(this, 5, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;O&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="5_2" onclick="click_tile(this, 5, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;G&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="5_3" onclick="click_tile(this, 5, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;W&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="5_4" onclick="click_tile(this, 5, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;U&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile" id="6_0" onclick="click_tile(this, 6, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;K&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="6_1" onclick="click_tile(this, 6, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;N&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="6_2" onclick="click_tile(this, 6, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;X&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="6_3" onclick="click_tile(this, 6, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;N&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="6_4" onclick="click_tile(this, 6, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;H&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile_half"&gt;&lt;/div&gt; &lt;div class="_wTile" id="7_0" onclick="click_tile(this, 7, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;O&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="7_1" onclick="click_tile(this, 7, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;N&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="7_2" onclick="click_tile(this, 7, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;S&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="7_3" onclick="click_tile(this, 7, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;J&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="7_4" onclick="click_tile(this, 7, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;I&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div class="_rope"&gt; &lt;div class="_wTile" id="8_0" onclick="click_tile(this, 8, 0)"&gt;&lt;span class="_annotte_00B0F0"&gt;T&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="8_1" onclick="click_tile(this, 8, 1)"&gt;&lt;span class="_annotte_00B0F0"&gt;C&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="8_2" onclick="click_tile(this, 8, 2)"&gt;&lt;span class="_annotte_00B0F0"&gt;E&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="8_3" onclick="click_tile(this, 8, 3)"&gt;&lt;span class="_annotte_00B0F0"&gt;F&lt;/span&gt;&lt;/div&gt; &lt;div class="_wTile" id="8_4" onclick="click_tile(this, 8, 4)"&gt;&lt;span class="_annotte_00B0F0"&gt;S&lt;/span&gt;&lt;/div&gt; &lt;/div&gt;&lt;/td&gt; </pre> </div> <div class="_txt_400" style="height:20px;width:70px;"> <pre id="_r_char_list">MTDUU CQQOQ JGUIB YCIEY EHVIA IOGWU KNXNH ONSJI TCEFS Thu, 30 Jan 2014 02:21:47 GMT </pre> </div> <div class="_txt_400" style="height:20px;width:70px;"> <pre id="_ans"></pre> </div> <script> var row_n=5; var col_n=9; var mask = ''; mask = 'AAABCDEEEFGHIIJKLMNOOOPQRSTUUUVWXYZ'; var board_h=''; var board_arr=new Array(col_n); var board_arr_char=new Array(col_n); var board_arr_div_id=new Array(col_n); var r_char_list=''; var top_os=-1; var xcol_stack= new Array(row_n*col_n);; var yrow_stack= new Array(row_n*col_n);; var ans_stack= new Array(row_n*col_n);; var clicked_history=''; function make_board(){ board_h=''; for(var col = 0; col < col_n; col++){ board_h+='\n'; board_h+='<td><div class="_rope">'; if(col%2==1){ board_h+='\n<div class="_wTile_half"></div>'; } board_arr[col]= new Array(row_n); board_arr_char[col]= new Array(row_n); board_arr_div_id[col]= new Array(row_n); for(var row = 0; row < row_n; row++){ board_arr[col][row]=0; board_h+='\n'; board_h+='<div class="_wTile"'; board_h+=' id="'+col+'_'+row+'"'; board_h+=' onclick="click_tile(this'+', '+col+', '+row+')"'; board_h+='><span class="_annotte_00B0F0">'; var r_char=mask[Math.round(Math.random() * (mask.length - 1))]; board_h+= r_char; r_char_list+= r_char; board_arr_char[col][row]= r_char; board_arr_div_id[col][row] = ''+col+'_'+row; board_h+='</span></div>'; } board_h+='\n</div></td>'; r_char_list+= '\n'; } document.getElementById("board").innerHTML = board_h; board_h=board_h.replace(/</g,"&lt;")+"\n"; document.getElementById("_htmlSrc").innerHTML = board_h; var d=new Date(); var t=d.getTime(); var gmt=d.toUTCString(); document.getElementById("_r_char_list").innerHTML = r_char_list+''+gmt+'\n'; } function _clear(){ /*document.getElementById("_ans").innerHTML += "begin clear\n";*/ for(var xcol = 0; xcol < col_n; xcol++){ for(var yrow = 0; yrow < row_n; yrow++){ if(board_arr[xcol][yrow]==1){ document.getElementById("_ans").innerHTML += "begin drop\n"; _drop(xcol, yrow); } } } var d=new Date(); var t=d.getTime(); var gmt=d.toUTCString(); document.getElementById("_ans").innerHTML = '\n'+clicked_history+', clicked_history\n'+gmt+'\n'+document.getElementById("_ans").innerHTML; clicked_history=''; top_st=-1; document.getElementById("_curr_ans").innerHTML=''; } function _drop(col, row){ var upstair; var upRow, curr_row; var r_char=mask[Math.round(Math.random() * (mask.length - 1))]; document.getElementById(board_arr_div_id[col][row]).style.backgroundColor=""; document.getElementById(board_arr_div_id[col][row]).childNodes[0].className="_annotte_00B0F0"; board_arr[col][row]=0; upRow=row-1; curr_row=row; /*document.getElementById(board_arr_div_id[curr_xcol][curr_yrow]).childNodes[0].className="_annotte_00B0F0";*/ /*e.childNodes[0].innerHTML="@";*/ /*document.getElementById("_ans").innerHTML += "\nupstair: "+upstair+"\n";*/ /*upstair=document.getElementById(board_arr_div_id[col][upRow]).childNodes[0].innerHTML; board_arr_char[col][curr_row]=upstair; document.getElementById(board_arr_div_id[col][curr_row]).childNodes[0].innerHTML=upstair; curr_row=upRow; upRow--; */ while(upRow>=0){ upstair=document.getElementById(board_arr_div_id[col][upRow]).childNodes[0].innerHTML; document.getElementById(board_arr_div_id[col][curr_row]).childNodes[0].innerHTML=upstair; board_arr_char[col][curr_row]=upstair; document.getElementById("_ans").innerHTML += "\nupstair: "+upstair+"\n"; curr_row=upRow; upRow--; } document.getElementById(board_arr_div_id[col][curr_row]).childNodes[0].innerHTML=r_char; board_arr_char[col][curr_row]=r_char; } function click_tile(e, col, row){ var d=new Date(); var t=d.getTime(); var gmt=d.toUTCString(); //document.getElementById("_r_char_list").innerHTML += col+', '+row+''+gmt+'\n'; if(board_arr[col][row]==0){ /*check if neighbor*/ var isNeighbor=false; for(var xcol = 0; xcol < col_n; xcol++){ for(var yrow = 0; yrow < row_n; yrow++){ if(board_arr[xcol][yrow]==0){continue;} else{} /*col, row-1*/nC=xcol;nR=yrow-1;if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*col, row+1*/nC=xcol;nR=yrow+1;if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*col-1, row*/nC=xcol-1;nR=yrow-1+(xcol%2);if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*col-1, row+1*/nC=xcol-1;nR=yrow+(xcol%2);if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*col-1, row*/nC=xcol+1;nR=yrow-1+(xcol%2);if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*col-1, row+1*/nC=xcol+1;nR=yrow+(xcol%2);if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){if(nC==col&&nR==row){isNeighbor=true;break;}} /*a*/ } } /*col, row-1 nC=col;nR=row-1;if((nC<9)&&(nC>=0)&&(nR>=0)&&(nR<5)){ document.getElementById(board_arr_div_id[nC][nR]).style.backgroundColor="black";} */ if(isNeighbor||(top_os<0)){ e.style.backgroundColor="black"; e.childNodes[0].className="_annotte_FF8C00"; document.getElementById("_ans").innerHTML += e.childNodes[0].innerHTML; clicked_history += e.childNodes[0].innerHTML; //e.childNodes[0].innerHTML="@"; board_arr[col][row]=1; top_os++; xcol_stack[top_os]=col; yrow_stack[top_os]=row; ans_stack[top_os]=e.childNodes[0].innerHTML; } else{ while(top_os>=0){ curr_xcol=xcol_stack[top_os]; curr_yrow=yrow_stack[top_os]; document.getElementById(board_arr_div_id[curr_xcol][curr_yrow]).style.backgroundColor=""; document.getElementById(board_arr_div_id[curr_xcol][curr_yrow]).childNodes[0].className="_annotte_00B0F0"; board_arr[curr_xcol][curr_yrow]=0; top_os--; } var d=new Date(); var t=d.getTime(); var gmt=d.toUTCString(); document.getElementById("_ans").innerHTML = '\n'+clicked_history+', clicked_history\n'+gmt+'\n'+document.getElementById("_ans").innerHTML; clicked_history=''; e.style.backgroundColor="black"; e.childNodes[0].className="_annotte_FF8C00"; document.getElementById("_ans").innerHTML += e.childNodes[0].innerHTML; clicked_history += e.childNodes[0].innerHTML; board_arr[col][row]=1; top_os++; xcol_stack[top_os]=col; yrow_stack[top_os]=row; ans_stack[top_os]=e.childNodes[0].innerHTML; } } else{ while(top_os>=0){ curr_xcol=xcol_stack[top_os]; curr_yrow=yrow_stack[top_os]; if(curr_xcol==col&&curr_yrow==row){ e.style.backgroundColor=""; e.childNodes[0].className="_annotte_00B0F0"; board_arr[col][row]=0; top_os--; break; } document.getElementById(board_arr_div_id[curr_xcol][curr_yrow]).style.backgroundColor=""; document.getElementById(board_arr_div_id[curr_xcol][curr_yrow]).childNodes[0].className="_annotte_00B0F0"; board_arr[curr_xcol][curr_yrow]=0; top_os--; } /*e.style.backgroundColor=""; e.childNodes[0].className="_annotte_00B0F0"; board_arr[col][row]=0; top_os--;*/ if(top_os<0){ var d=new Date(); var t=d.getTime(); var gmt=d.toUTCString(); document.getElementById("_ans").innerHTML = '\n'+clicked_history+', clicked_history\n'+gmt+'\n'+document.getElementById("_ans").innerHTML; clicked_history=''; } } document.getElementById("_curr_ans").innerHTML=''; for(var stackItem = 0; stackItem <= top_os; stackItem++){ document.getElementById("_curr_ans").innerHTML +=ans_stack[stackItem]; } } make_board(); </script> </body></html> ```