Can someone check my html/javascript code, i tried it on mobile aide web and error occurs. The draw() cannot bo called.

<!DOCTYPE html> <html> <head> <link href="css/styles.css" rel="stylesheet"> <script type="text/javascript"> function init(){ bg=document.getElementById("can1"); bgctx=bg.getContext("2d"); ob=document.getElementById("can2"); obctx=ob.getContext("2d"); } function draw(){ obctx.fillRect(0,0,40,50); } init(); draw(); </script> </head> <body> <canvas id="can1">This browser does not support canvas</canvas> <canvas id="can2">This browser does not support canvas</canvas> </body> </html>

html javascript html5

21st Dec 2016, 11:31 AM

CJM

2 Answers

+ 1

When you call init(), you get an error ( and the script stop before calling draw() ) because of the call to the document.getElementById function where the targets ids dont exists yet ( parsing of html is in head, not yet in body ). You can put your 2 cals ( init and draw ) in a script tag in body after yours canvas ( so the ids exists ) and it would go right ( I didnt verif' -- if you want, I need your css code ^^ )...

21st Dec 2016, 11:42 AM

visph