making top level module .mjs

VadimsMalickis · Oct 1, 2019 · d78fc01 · d78fc01
1 parent d0e42cf
commit d78fc01
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/modules/basic-modules-mjs/index.html b/modules/basic-modules-mjs/index.html
@@ -8,7 +8,7 @@
         border: 1px solid black;
       }
     </style>
-    <script type="module" src="main.js"></script>
+    <script type="module" src="main.mjs"></script>
   </head>
   <body>
 

diff --git a/modules/basic-modules-mjs/main.mjs b/modules/basic-modules-mjs/main.mjs
@@ -0,0 +1,13 @@
+import { create, createReportList } from './modules/canvas.mjs';
+import { name, draw, reportArea, reportPerimeter } from './modules/square.mjs';
+import randomSquare from './modules/square.mjs';
+
+let myCanvas = create('myCanvas', document.body, 480, 320);
+let reportList = createReportList(myCanvas.id);
+
+let square1 = draw(myCanvas.ctx, 50, 50, 100, 'blue');
+reportArea(square1.length, reportList);
+reportPerimeter(square1.length, reportList);
+
+// Use the default
+let square2 = randomSquare(myCanvas.ctx);