Canvas created dinamically with javascript

Scripts/AppLoader.js

@@ -13,7 +13,6 @@
 
     function loadModules() {
 
-
         let modulesArray = [    
 
             "Panels/TimeControlPanel.js",

Scripts/AppPreLoader.js

@@ -1,5 +1,15 @@
 
-function loadAPP() {
+function loadAdvancedAlgosPlatform() {
+
+    let canvas = document.createElement('canvas');
+
+    canvas.id = "canvas";
+    canvas.width = 1400;
+    canvas.height = 600;
+    canvas.style.border = "0";
+
+    let body = document.getElementsByTagName("body")[0];
+    body.appendChild(canvas);
 
     let path = "Scripts/AppLoader.js";
 

index.html

@@ -11,15 +11,13 @@
     <!--Plotters-->
     <!--PlotterPanels-->
 
-
     <style type="text/css">
         browserCanvas {
             border: 1px solid black;
         }
     </style>
 </head>
-    <body id="body" style="margin: 0px; padding: 0px; border: 0px; overflow:hidden;" onload="loadAPP();">
-        <canvas id="canvas" width="1400" height="600" border="0"></canvas>
+    <body id="body" style="margin: 0px; padding: 0px; border: 0px; overflow:hidden;" onload="loadAdvancedAlgosPlatform();">
         <img id="AAMasters" width="0" height="0" src="https://avatars2.githubusercontent.com/u/36243600?s=400&u=4df23798487a2853d211e764efa55233b1147ddb&v=4">
 
         <!--Images-->