HTML Tank Wars Study 01

<! DOCTYPE html>"http://www.w3.org/1999/xhtml">"Tankmap"Width="400px"height="300px"style="Background-color:black"></canvas> <script type="Text/javascript">varHerox = the; varHeroy = the; //get the canvas        varCANVAS1 = document.getElementById ("Tankmap"); //Get Canvas Brush Object        varCXT = Canvas1.getcontext ("2d"); //Draw a tankCxt.fillstyle ="#DED284"; //draw the left .Cxt.fillrect (Herox, Heroy,5, -); //draw the right .Cxt.fillrect (Herox + the, Heroy,5, -); //Middle RectangleCxt.fillrect (Herox +6, Heroy +5,8, -); //draw the lid of a tankCxt.fillstyle ="#FFD972"; Cxt.arc (Herox+Ten, Heroy + the,4,0, the,true);        Cxt.fill (); //car out of the gun lineCxt.strokestyle ="#FFD972"; Cxt.linewidth=1.5;        Cxt.beginpath (); Cxt.moveto (Herox+Ten, Heroy + the); Cxt.lineto (Herox+Ten, Heroy);        Cxt.closepath ();    Cxt.stroke (); </script></body>
As follows