chess is not defined

Question

<script type="text/javascript">
   var canvas=document.getElementById("canvas");
   var  context=canvas.getContext("2d");
   context.strokeStyle="#bbb";//设置线条的颜色
   //绘制棋盘的方法
   var  drawChessBoard=function(){
       //绘制两点
       for(var i=0;i<15;i++){
           context.moveTo(15+i*30,15);//起点（x,y）
           context.lineTo(15+i*30,435);//终点
           context.stroke();//连接
           context.moveTo(15,15+i*30);
           context.lineTo(435,15+i*30);
           context.stroke();
       };
   };
   drawChessBoard();
   //绘制棋子
   var onStep=function(i,j,me){
       context.beginPath();//开始路径
       context.arc(15+i*30,15+j*30,13,0,Math.PI*2);//画圆
       context.closePath();//结束路径
       context.stroke();
       var  Gradient=context.createRadialGradient(15+i*30,15+j*30,13,15+i*30,15+j*30,0);//设置渐变色
       if(me){
           Gradient.addColorStop(0,"#000");
           Gradient.addColorStop(1,"#999");
           //context.fillStyle="#000";//填充颜色
       }else{
           Gradient.addColorStop(0,"#d11822");
           Gradient.addColorStop(1,"#f365bc");
           //context.fillStyle="#fff";//填充颜色
       }
       context.fillStyle=Gradient;
       context.fill();//填充
   };
   //onStep(0,0,true);
  // onStep(1,1,false);
   //下棋
   chess.onclick = function(e){
       var x = e.clientX;
       var y = e.clientY;
       console.log(e);
       console.log(x);
       console.log(y);
   }
</script>

Answer 1

直接问boss 了，瞬间解决

Answer 2

谷歌浏览器F12后我要的效果是鼠标点击棋盘上看到如图效果？