# word dojo at williston plaza mcd

## 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">
<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>
</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,"<")+"\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>
```