refactoring

Author: syduki

frameworks/keyed/vanillajs-lite/index.html

@@ -44,7 +44,7 @@ <h1>VanillaJS-Lite-"keyed"</h1>
                 <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
             </div>
         </div>
-        <template id="rowTemplate"><tr><td class="col-md-1">?</td><td class="col-md-4"><a>?</a></td><td class="col-md-1"><a><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td><td class="col-md-6"></td></tr></template>
+        <template id="trow"><tr><td class="col-md-1">?</td><td class="col-md-4"><a>?</a></td><td class="col-md-1"><a><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td><td class="col-md-6"></td></tr></template>
         <script src="src/Main.js" type="module"></script>
     </body>
 </html>

frameworks/keyed/vanillajs-lite/src/Main.js

@@ -7,12 +7,12 @@ const pick = dict => dict[Math.round(Math.random() * 1000) % dict.length];
 let ID = 1, rows = [], selection;
 const ROW = Symbol(), ACTION = Symbol();
 
-const rowTemplate = document.querySelector('#rowTemplate').content.firstChild;
 const table = document.querySelector('table');
 let tbody = document.querySelector('tbody');
+const trow = document.querySelector('#trow');
 
 const {cloneNode, insertBefore} = Node.prototype;
-const clone = (cloneNode.bind(rowTemplate, true));
+const clone = (cloneNode.bind(trow.content.firstChild, true));
 const insert = ((row, before = null) => insertBefore.call(tbody, row, before));
 
 const build = (() => {
@@ -64,4 +64,3 @@ table.addEventListener('click', e => {
     let {target: t} = e;
     e.stopPropagation(), (t[ACTION] ?? (t = t.parentNode)[ACTION])?.(t[ROW]);
 });
-