Changed module scripts to regular scripts

mksunny1 · mksunny1 · commit e440ef8680af · 2024-05-12T14:36:13.000+01:00
- module scripts are slower to load.
- modified `nTemplates` functions to return `Math.round(n/100)`
diff --git a/frameworks/keyed/vanillajs-3/index.html b/frameworks/keyed/vanillajs-3/index.html
@@ -3,7 +3,6 @@
     <head>
         <title>Benchmarks for Vanillajs-3</title>
         <link href="/css/currentStyle.css" rel="stylesheet" />
-        <script src='src/Main.js' type="module"></script>
     </head>
     <body>
         <div id="main">
@@ -81,5 +80,6 @@ <h1>Vanillajs-3-"keyed"</h1>
             </div>
           </div>
           <template id="itemTemplate"><tr><td class='col-md-1'>{id}</td><td class='col-md-4'><a class='lbl'>{lbl}</a></td><td class='col-md-1'><a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a></td><td class='col-md-6'></td></tr></template>
+          <script src='src/Main.js'></script>
     </body>
 </html>
diff --git a/frameworks/keyed/vanillajs-3/src/Main.js b/frameworks/keyed/vanillajs-3/src/Main.js
@@ -3,7 +3,7 @@ const colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "b
 const nouns = ["table", "chair", "house", "bbq", "desk", "car", "pony", "cookie", "sandwich", "burger", "pizza", "mouse", "keyboard"];
 const [l1, l2, l3] = [adjectives.length, colours.length, nouns.length];
 
-const nTemplates = (n) => n / 100, tbody = document.getElementsByTagName('tbody')[0];
+const nTemplates = (n) => Math.round(n / 100), tbody = document.getElementsByTagName('tbody')[0];
 let data = [], index = 1, i, lbl, selected;
 
 function create(n = 1000) { if (tbody.children.length) clear(); append(n); }
diff --git a/frameworks/non-keyed/vanillajs-3/index.html b/frameworks/non-keyed/vanillajs-3/index.html
@@ -3,7 +3,6 @@
     <head>
         <title>Benchmarks for Vanillajs-3</title>
         <link href="/css/currentStyle.css" rel="stylesheet" />
-        <script src='src/Main.js' type="module"></script>
     </head>
     <body>
         <div id="main">
@@ -81,5 +80,6 @@ <h1>Vanillajs-3-"non-keyed"</h1>
             </div>
           </div>
           <template id="itemTemplate"><tr><td class='col-md-1'>{id}</td><td class='col-md-4'><a class='lbl'>{lbl}</a></td><td class='col-md-1'><a class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a></td><td class='col-md-6'></td></tr></template>
+          <script src='src/Main.js'></script>
     </body>
 </html>
diff --git a/frameworks/non-keyed/vanillajs-3/src/Main.js b/frameworks/non-keyed/vanillajs-3/src/Main.js
@@ -9,7 +9,7 @@ function* _random(n) {
         yield arr
     }
 }
-const data = [], nTemplates = (n) => 10, tbody = document.getElementsByTagName('tbody')[0];
+const data = [], nTemplates = (n) => Math.round(n / 100), tbody = document.getElementsByTagName('tbody')[0];
 let index = 1, i, lbl, selected;
 
 function create(n = 1000) { 

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ function* _random(n) {`
`9`	`9`	`yield arr`
`10`	`10`	`}`
`11`	`11`	`}`
`12`		`-const data = [], nTemplates = (n) => 10, tbody = document.getElementsByTagName('tbody')[0];`
	`12`	`+const data = [], nTemplates = (n) => Math.round(n / 100), tbody = document.getElementsByTagName('tbody')[0];`
`13`	`13`	`let index = 1, i, lbl, selected;`
`14`	`14`
`15`	`15`	`function create(n = 1000) {`