一个超级简单的问题

实现行为与结构的分离，页面的XHTML文件中不要出现事件响应句柄（即onclick等），全部计算在JavaScript文件(.js)中完成；
怎样将JavaScript，知道的给个代码，跪谢！ <body>
  <script type="text/javascript">  var CalRslt=0;
  var opertr;
  function Calc()
  {
    if(opertr=="+"){
      CalRslt=CalRslt+eval(document.CALCULATOR.box.value);}
    else if(opertr=="-"){
      CalRslt=CalRslt-eval(document.CALCULATOR.box.value);}
    else if(opertr=="*"){
      CalRslt=CalRslt*eval(document.CALCULATOR.box.value);}
    else if(opertr=="/"){
      CalRslt=CalRslt/eval(document.CALCULATOR.box.value);}
    else if(opertr=="s"){
      CalRslt=CalRslt*CalRslt;
      document.CALCULATOR.box.value=CalRslt;}
    else
      CalRslt=eval(document.CALCULATOR.box.value);
  } function dispCal(t)
  {
   if(t=="="){
    Calc();
    document.CALCULATOR.box.value=CalRslt;
    opertr="";}
   else if(t=="+"){
    Calc();
    document.CALCULATOR.box.value="";
    opertr="+";}
   else if(t=="-"){
    Calc();
    document.CALCULATOR.box.value="";
    opertr="-";}
   else if(t=="*"){
    Calc();
    document.CALCULATOR.box.value="";
    opertr="*";}
   else if(t=="/"){
    Calc();
    document.CALCULATOR.box.value="";
    opertr="/";}
   else if(t=="s"){
    Calc();
    opertr="s";
    Calc();
    opertr="="}
   else
    document.CALCULATOR.box.value=document.CALCULATOR.box.value+t;
  }
</script><div>
 <script type="text/javascript">
 document.write("<HR>");
 document.write("<H3>计算器输入界面</H3>");
 document.write("<HR>");
 document.write('<FORM NAME="CALCULATOR">');
 document.write('<INPUT TYPE="text" NAME="box" SIZE=15><BR>');
 document.write('<INPUT TYPE="button" VALUE=" 7 " onClick="dispCal(7)">');
 document.write('<INPUT TYPE="button" VALUE=" 8 " onClick="dispCal(8)">');
 document.write('<INPUT TYPE="button" VALUE=" 9 " onClick="dispCal(9)"><BR>');
 document.write('<INPUT TYPE="button" VALUE=" 4 " onClick="dispCal(4)">');
 document.write('<INPUT TYPE="button" VALUE=" 5 " onClick="dispCal(5)">');
 document.write('<INPUT TYPE="button" VALUE=" 6 " onClick="dispCal(6)"><BR>');
 document.write('<INPUT TYPE="button" VALUE=" 1 " onClick="dispCal(1)">');
 document.write('<INPUT TYPE="button" VALUE=" 2 " onClick="dispCal(2)">');
 document.write('<INPUT TYPE="button" VALUE=" 3 " onClick="dispCal(3)"><BR>');
 document.write('<INPUT TYPE="button" VALUE=" 0 " onClick="dispCal(0)">');
 document.write('<INPUT TYPE="button" VALUE=" + " onClick="dispCal(',"'+'",')">');
 document.write('<INPUT TYPE="button" VALUE=" - " onClick="dispCal(',"'-'",')"><BR>');
 document.write('<INPUT TYPE="button" VALUE=" * " onClick="dispCal(',"'*'",')">');
 document.write('<INPUT TYPE="button" VALUE=" / " onClick="dispCal(',"'/'",')">');
 document.write('<INPUT TYPE="button" VALUE=" = " onClick="dispCal(',"'='",')"><BR>');
 document.write('<INPUT TYPE="button" VALUE=" squre " onClick="dispCal(',"'s'",')">');
 document.write('</FORM>');
 document.write("<HR>");
 </script>
</div>  </body>