From 3ad1f623ab6a2cb504004a832f4610efd702820d Mon Sep 17 00:00:00 2001
From: Henrique Caetano de Barros <henrique.barros@sc.senai.br>
Date: Fri, 2 Jun 2023 00:25:49 -0300
Subject: [PATCH] Populando tabela com Javascript

---
 paginas/eventos.html |  2 ++
 script/eventos.js    | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 script/eventos.js

diff --git a/paginas/eventos.html b/paginas/eventos.html
index 956ca83..c42b1ac 100644
--- a/paginas/eventos.html
+++ b/paginas/eventos.html
@@ -90,5 +90,7 @@
 
   </div>
 
+  <script type="text/javascript" src="../script/eventos.js"></script>
+
 </body>
 </html>
diff --git a/script/eventos.js b/script/eventos.js
new file mode 100644
index 0000000..0dd427c
--- /dev/null
+++ b/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]
+        })   
+    })  
+
+})()