feat - criando linhas dinâmicamente

wesleyanjoszero · wesleyanjoszero · commit e23cd8f3f100 · 2025-04-26T13:08:28.000-03:00
diff --git a/Tabuada/index.html b/Tabuada/index.html
@@ -8,7 +8,7 @@
 </head>
 <body>
     <div class="content-tab">
-        <table>
+        <table id="tab">
             <thead>
                 <tr>
                     <td>A</td>
@@ -19,18 +19,13 @@
                 </tr>
             </thead>
             <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>X</td>
-                    <td>0</td>
-                    <td>=</td>
-                    <td>0</td>
-                </tr>
+                
             </tbody>
             <tfoot>
 
             </tfoot>
         </table>
     </div>
+    <script src="./js/script.js" type="text/javascript"></script>
 </body>
 </html>
diff --git a/Tabuada/js/script.js b/Tabuada/js/script.js
@@ -0,0 +1,21 @@
+let tab = document.querySelector('#tab tbody')
+let valueA = 5
+tab.innerHTML = ''
+
+for (let valueB = 0; valueB <= 10; valueB++) {
+    let r = valueA * valueB
+    
+    let tpl = `
+                <tr>
+                    <td>${valueA}</td>
+                    <td>X</td>
+                    <td>${valueB}</td>
+                    <td>=</td>
+                    <td>${r}</td>
+                </tr>
+            `
+    
+    let tr = document.createElement('tr')
+    tr.innerHTML = tpl
+    tab.append(tr)
+}
