Populando tabela com Javascript

paginas/eventos.html

@@ -90,5 +90,7 @@
 
   </div>
 
+  <script type="text/javascript" src="../script/eventos.js"></script>
+
 </body>
 </html>

script/eventos.js

@@ -0,0 +1,19 @@
+
+
+(() => {
+    
+    const array = [{titulo: 'Prática na empresa', data: '2023-06-20', capacidade: 20, preco: 0.00, categoria: 'Visita técnica'},
+                    {titulo: 'Aula de ReactJs', data: '2023-07-08', capacidade: 100, preco: 30.00, categoria: 'Aula'},
+                    {titulo: 'Aula de lógica de programação', data: '2023-06-15', capacidade: 50, preco: 15.00, categoria: 'Aula'},
+                    {titulo: 'Jogo de Flamengo X Corinthians', data: '2023-08-23', capacidade: 100000, preco: 180.00, categoria: 'Jogo'},
+                    {titulo: 'Visita técnica na empresa Sitana', data: '2023-10-10', capacidade: 25, preco: 0.00, categoria: 'Visita técnica'}]
+
+    array.map((obj,i) => {
+        const tr = document.getElementsByTagName('tr')[i+1]  
+        Object.keys(obj).map((key,j) => {
+            const td = tr.getElementsByTagName('td')[j]      
+            td.innerText = obj[key]
+        })   
+    })  
+
+})()