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后我要的效果是鼠标点击棋盘上看到如图效果？