---
# System prepended metadata

title: word dojo at williston plaza mcd

---

# 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>
```


