diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..aaf7d12
Binary files /dev/null and b/.DS_Store differ
diff --git a/Exercicios/1. arrow-functions/script.js b/Exercicios/1. arrow-functions/script.js
index 4f1257b..5dbf231 100644
--- a/Exercicios/1. arrow-functions/script.js	
+++ b/Exercicios/1. arrow-functions/script.js	
@@ -1,5 +1,10 @@
-const result = myFunction(4, 3);
+// const result = myFunction(4, 3);
 
-function myFunction(a, b) {
-  return a * b;
-}
\ No newline at end of file
+const pessoa = {
+  nome: "Iza",
+  idade: 15,
+  casdrado: true,
+  cor: ["branco", "preto"],
+  caracteristicas: ["fofinha", "sociável"],
+  maiordeIdade: false,
+};
diff --git a/Exercicios/10. array.map()/script.js b/Exercicios/10. array.map()/script.js
index b6e4227..acc9e2e 100644
--- a/Exercicios/10. array.map()/script.js	
+++ b/Exercicios/10. array.map()/script.js	
@@ -1,8 +1,19 @@
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+const textoResultado = usuarios.map((participante) => {
+  return `O usuário número ${participante.user} se chama ${participante.name} e tem ${participante.idade} anos.`;
+});
+
+const resultadoPietra = usuarios.map((users) => {
+  if (users.user === 239) {
+    return `Nome: ${users.name}, tem ${users.idade} anos`;
+  }
+});
+
+console.log(resultadoPietra);
diff --git a/Exercicios/10. array.map()/script2.js b/Exercicios/10. array.map()/script2.js
new file mode 100644
index 0000000..d1a9cfb
--- /dev/null
+++ b/Exercicios/10. array.map()/script2.js	
@@ -0,0 +1,24 @@
+const winners = [
+  {
+    nome: "Equipe Maravilinda",
+    pais: "Canadá",
+  },
+  {
+    nome: "Liga da Justiça",
+    pais: "EUA",
+  },
+  {
+    nome: "Mega Grupo",
+    pais: "Brasil",
+  },
+];
+
+const vencedores = winners.map((equipe) => {
+  return equipe.nome;
+});
+
+const paises = winners.map(function (local) {
+  return local.pais;
+});
+
+console.log(paises);
diff --git a/Exercicios/11. array.forEach()/script.js b/Exercicios/11. array.forEach()/script.js
index 9c1e191..ee33d80 100644
--- a/Exercicios/11. array.forEach()/script.js	
+++ b/Exercicios/11. array.forEach()/script.js	
@@ -1 +1,29 @@
 const numbers = [65, 44, 12, 4, 68];
+let sum = 0;
+numbers.forEach((numero) => {
+  sum += numero;
+});
+
+console.log(sum);
+
+const usuarios = [
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+
+const somaIdades = [];
+usuarios.forEach(function (itens) {
+  somaIdades.push(itens.idade);
+});
+
+let somarIdade = 0;
+
+usuarios.forEach((usuario) => {
+  somarIdade += usuario.idade;
+});
+
+console.log(somarIdade);
diff --git a/Exercicios/13. array.reduce()/script.js b/Exercicios/13. array.reduce()/script.js
index 134d55b..612c5ae 100644
--- a/Exercicios/13. array.reduce()/script.js	
+++ b/Exercicios/13. array.reduce()/script.js	
@@ -1,2 +1 @@
 const ages = [32, 33, 16, 40, 2, 69];
-
diff --git a/Exercicios/2. for/script.js b/Exercicios/2. for/script.js
index 557d6fc..ce5c8bf 100644
--- a/Exercicios/2. for/script.js	
+++ b/Exercicios/2. for/script.js	
@@ -1 +1,12 @@
-const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
+for (let index = 0; index < listagemDeFrutas.length; index++) {
+  console.log(listagemDeFrutas[index]);
+}
diff --git a/Exercicios/4. array.push()/script.js b/Exercicios/4. array.push()/script.js
index db2e01a..c66ac7a 100644
--- a/Exercicios/4. array.push()/script.js	
+++ b/Exercicios/4. array.push()/script.js	
@@ -1 +1,14 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
\ No newline at end of file
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
+listagemDeFrutas.push("Morango", "Tomate");
+
+listagemDeFrutas.push("Açaí", "Cupuaçu");
+
+console.log(listagemDeFrutas);
diff --git a/Exercicios/5. array.pop()/script.js b/Exercicios/5. array.pop()/script.js
index b6f649a..de67664 100644
--- a/Exercicios/5. array.pop()/script.js	
+++ b/Exercicios/5. array.pop()/script.js	
@@ -1,10 +1,21 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
 
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+const elementListagem = listagemDeFrutas.pop();
+
+const removeUsuario = usuarios.pop();
diff --git a/Exercicios/6. array.shift()/script.js b/Exercicios/6. array.shift()/script.js
index b6f649a..7522707 100644
--- a/Exercicios/6. array.shift()/script.js	
+++ b/Exercicios/6. array.shift()/script.js	
@@ -1,10 +1,23 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
 
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+
+listagemDeFrutas.shift();
+
+usuarios.shift();
+console.log(usuarios);
diff --git a/Exercicios/7. array.unshift()/script.js b/Exercicios/7. array.unshift()/script.js
index 8421f62..c16dc36 100644
--- a/Exercicios/7. array.unshift()/script.js	
+++ b/Exercicios/7. array.unshift()/script.js	
@@ -1,9 +1,27 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+listagemDeFrutas.unshift("Laranja", "Goiaba");
+console.log(listagemDeFrutas);
+
+usuarios.unshift({
+  user: 233,
+  name: "Jaqueline",
+  idade: 36,
+});
+
+console.log(usuarios);
diff --git a/Exercicios/8. array.slice()/script.js b/Exercicios/8. array.slice()/script.js
index 8421f62..b220f9d 100644
--- a/Exercicios/8. array.slice()/script.js	
+++ b/Exercicios/8. array.slice()/script.js	
@@ -1,9 +1,21 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [
+  "Uva",
+  "Banana",
+  "Manga",
+  "Cajá",
+  "Pinha",
+  "Maçã",
+  "Melão",
+];
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+
+const select = usuarios.slice(0, 3);
+
+console.log(select);
diff --git a/Exercicios/9. array.splice()/script.js b/Exercicios/9. array.splice()/script.js
index 08107fd..be3059b 100644
--- a/Exercicios/9. array.splice()/script.js	
+++ b/Exercicios/9. array.splice()/script.js	
@@ -1,9 +1,36 @@
-const countryList = [ "Argentina","Armenia","Australia","Azerbaijan","Bahamas","Brazil","Burkina Faso", "Costa Rica","Mauritania","St Vincent","Uganda","United Arab Emirates","Uruguay","Uzbekistan","Venezuela"];
+const countryList = [
+  "Argentina",
+  "Armenia",
+  "Australia",
+  "Azerbaijan",
+  "Bahamas",
+  "Brazil",
+  "Burkina Faso",
+  "Costa Rica",
+  "Mauritania",
+  "St Vincent",
+  "Uganda",
+  "United Arab Emirates",
+  "Uruguay",
+  "Uzbekistan",
+  "Venezuela",
+];
+
+countryList.splice(2, 1);
+console.log(countryList);
+
 const usuarios = [
-    {user:234, name: 'Marcia', idade:40 },
-    {user:235, name: 'Lorena', idade:20 },
-    {user:236, name: 'Patricia', idade:24 },
-    {user:237, name: 'Mariana', idade:15 },
-    {user:238, name: 'Isis', idade:34 },
-    {user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+  { user: 234, name: "Marcia", idade: 40 },
+  { user: 235, name: "Lorena", idade: 20 },
+  { user: 236, name: "Patricia", idade: 24 },
+  { user: 237, name: "Mariana", idade: 15 },
+  { user: 238, name: "Isis", idade: 34 },
+  { user: 239, name: "Pietra", idade: 23 },
+];
+usuarios.splice(0, 1, {
+  user: 233,
+  name: "Juliane",
+  idade: 26,
+});
+
+console.log(usuarios);
diff --git "a/Exerc\303\255cio de Casa/.DS_Store" "b/Exerc\303\255cio de Casa/.DS_Store"
new file mode 100644
index 0000000..8d8aa77
Binary files /dev/null and "b/Exerc\303\255cio de Casa/.DS_Store" differ
diff --git "a/Exerc\303\255cio de Casa/img/discord.png" "b/Exerc\303\255cio de Casa/img/discord.png"
new file mode 100644
index 0000000..9880f77
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/discord.png" differ
diff --git "a/Exerc\303\255cio de Casa/img/github.png" "b/Exerc\303\255cio de Casa/img/github.png"
new file mode 100644
index 0000000..9490ffc
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/github.png" differ
diff --git "a/Exerc\303\255cio de Casa/img/img_gabi.jpeg" "b/Exerc\303\255cio de Casa/img/img_gabi.jpeg"
new file mode 100644
index 0000000..3c05e2c
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/img_gabi.jpeg" differ
diff --git "a/Exerc\303\255cio de Casa/img/linkedin.png" "b/Exerc\303\255cio de Casa/img/linkedin.png"
new file mode 100644
index 0000000..d321404
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/linkedin.png" differ
diff --git "a/Exerc\303\255cio de Casa/img/slack.png" "b/Exerc\303\255cio de Casa/img/slack.png"
new file mode 100644
index 0000000..75be2cc
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/slack.png" differ
diff --git "a/Exerc\303\255cio de Casa/index.html" "b/Exerc\303\255cio de Casa/index.html"
index e69de29..3cb3d93 100644
--- "a/Exerc\303\255cio de Casa/index.html"	
+++ "b/Exerc\303\255cio de Casa/index.html"	
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="pt">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Books</title>
+    <link rel="stylesheet" href="../Exercício de Casa/style/style.css" />
+  </head>
+  <body>
+    <section class="margin">
+      <header>
+        <div class="retangulo">
+          <img
+            class="imgGabrielle"
+            src="./img/img_gabi.jpeg"
+            alt="imagem gabrielle"
+          />
+          <h1 class="name">Gabrielle Oliveira</h1>
+          <p class="profissao">Developer</p>
+          <div class="resposive">
+            <a href="https://www.linkedin.com/in/gabrielleemanoela/">
+              <img
+                class="img-rede-social1"
+                src="./img/linkedin.png"
+                alt="linkedin"
+              />
+            </a>
+            <a href="https://www.linkedin.com/in/gabrielleemanoela/">
+              <img
+                class="img-rede-social2"
+                src="./img/discord.png"
+                alt="discord"
+              />
+            </a>
+
+            <a href="https://github.com/GabrielleEmanoela">
+              <img
+                class="img-rede-social3"
+                src="./img/github.png"
+                alt="git hub"
+              />
+            </a>
+          </div>
+        </div>
+      </header>
+    </section>
+
+    <h2 class="title">Biblioteca</h2>
+    <form class="campo_retangulo" onsubmit="onSubmit(event)">
+      <div class="input-group">
+        <label> Autor: </label>
+        <input type="text" class="input_autor" />
+      </div>
+      <div class="input-group">
+        <label> Título: </label>
+        <input type="text" class="input_titulo" />
+      </div>
+      <div class="input-group">
+        <label> ISBN: </label>
+        <input type="text" class="input_isbn" />
+      </div>
+      <div class="input-group">
+        <label>Data de publicação: </label>
+        <input type="date" class="input_date" />
+      </div>
+      <div class="input-group-btn">
+        <input type="reset" class="btn" />
+        <input type="submit" value="Enviar" class="btn" />
+      </div>
+    </form>
+    <div>
+      <table id="resposta" class="resposta">
+        <tr>
+          <td class="borde">Autor</td>
+          <td class="borde">Título</td>
+          <td class="borde">Título</td>
+          <td class="borde">ISBN</td>
+          <td class="borde">Data da Publicação</td>
+          <td class="borde">Data da Inserção</td>
+          <td>Data da Publicação</td>
+        </tr>
+      </table>
+    </div>
+    <script src="./script/script.js" />
+  </body>
+</html>
diff --git "a/Exerc\303\255cio de Casa/script/books.js" "b/Exerc\303\255cio de Casa/script/books.js"
new file mode 100644
index 0000000..f1fec90
--- /dev/null
+++ "b/Exerc\303\255cio de Casa/script/books.js"	
@@ -0,0 +1,90 @@
+const books = [
+    {
+        "isbn": "9781593275846",
+        "title": "Eloquent JavaScript, Second Edition",
+        "subtitle": "A Modern Introduction to Programming",
+        "author": "Marijn Haverbeke",
+        "published": "2014-12-14T00:00:00.000Z",
+        "publisher": "No Starch Press",
+        "pages": 472,
+        "description": "JavaScript lies at the heart of almost every modern web application, from social apps to the newest browser-based games. Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications.",
+        "website": "http://eloquentjavascript.net/"
+    },
+    {
+        "isbn": "9781449331818",
+        "title": "Learning JavaScript Design Patterns",
+        "subtitle": "A JavaScript and jQuery Developer's Guide",
+        "author": "Addy Osmani",
+        "published": "2012-07-01T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 254,
+        "description": "With Learning JavaScript Design Patterns, you'll learn how to write beautiful, structured, and maintainable JavaScript by applying classical and modern design patterns to the language. If you want to keep your code efficient, more manageable, and up-to-date with the latest best practices, this book is for you.",
+        "website": "http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/"
+    },
+    {
+        "isbn": "9781449365035",
+        "title": "Speaking JavaScript",
+        "subtitle": "An In-Depth Guide for Programmers",
+        "author": "Axel Rauschmayer",
+        "published": "2014-02-01T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 460,
+        "description": "Like it or not, JavaScript is everywhere these days-from browser to server to mobile-and now you, too, need to learn the language or dive deeper than you have. This concise book guides you into and through JavaScript, written by a veteran programmer who once found himself in the same position.",
+        "website": "http://speakingjs.com/"
+    },
+    {
+        "isbn": "9781491950296",
+        "title": "Programming JavaScript Applications",
+        "subtitle": "Robust Web Architecture with Node, HTML5, and Modern JS Libraries",
+        "author": "Eric Elliott",
+        "published": "2014-07-01T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 254,
+        "description": "Take advantage of JavaScript's power to build robust web-scale or enterprise applications that are easy to extend and maintain. By applying the design patterns outlined in this practical book, experienced JavaScript developers will learn how to write flexible and resilient code that's easier-yes, easier-to work with as your code base grows.",
+        "website": "http://chimera.labs.oreilly.com/books/1234000000262/index.html"
+    },
+    {
+        "isbn": "9781593277574",
+        "title": "Understanding ECMAScript 6",
+        "subtitle": "The Definitive Guide for JavaScript Developers",
+        "author": "Nicholas C. Zakas",
+        "published": "2016-09-03T00:00:00.000Z",
+        "publisher": "No Starch Press",
+        "pages": 352,
+        "description": "ECMAScript 6 represents the biggest update to the core of JavaScript in the history of the language. In Understanding ECMAScript 6, expert developer Nicholas C. Zakas provides a complete guide to the object types, syntax, and other exciting changes that ECMAScript 6 brings to JavaScript.",
+        "website": "https://leanpub.com/understandinges6/read"
+    },
+    {
+        "isbn": "9781491904244",
+        "title": "You Don't Know JS",
+        "subtitle": "ES6 & Beyond",
+        "author": "Kyle Simpson",
+        "published": "2015-12-27T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 278,
+        "description": "No matter how much experience you have with JavaScript, odds are you don’t fully understand the language. As part of the \"You Don’t Know JS\" series, this compact guide focuses on new features available in ECMAScript 6 (ES6), the latest version of the standard upon which JavaScript is built.",
+        "website": "https://github.com/getify/You-Dont-Know-JS/tree/master/es6%20&%20beyond"
+    },
+    {
+        "isbn": "9781449325862",
+        "title": "Git Pocket Guide",
+        "subtitle": "A Working Introduction",
+        "author": "Richard E. Silverman",
+        "published": "2013-08-02T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 234,
+        "description": "This pocket guide is the perfect on-the-job companion to Git, the distributed version control system. It provides a compact, readable introduction to Git for new users, as well as a reference to common commands and procedures for those of you with Git experience.",
+        "website": "http://chimera.labs.oreilly.com/books/1230000000561/index.html"
+    },
+    {
+        "isbn": "9781449337711",
+        "title": "Designing Evolvable Web APIs with ASP.NET",
+        "subtitle": "Harnessing the Power of the Web",
+        "author": "Glenn Block, et al.",
+        "published": "2014-04-07T00:00:00.000Z",
+        "publisher": "O'Reilly Media",
+        "pages": 538,
+        "description": "Design and build Web APIs for a broad range of clients—including browsers and mobile devices—that can adapt to change over time. This practical, hands-on guide takes you through the theory and tools you need to build evolvable HTTP services with Microsoft’s ASP.NET Web API framework. In the process, you’ll learn how design and implement a real-world Web API.",
+        "website": "http://chimera.labs.oreilly.com/books/1234000001708/index.html"
+    }
+]
\ No newline at end of file
diff --git "a/Exerc\303\255cio de Casa/script/script.js" "b/Exerc\303\255cio de Casa/script/script.js"
index 68f1d0b..cf5655d 100644
--- "a/Exerc\303\255cio de Casa/script/script.js"	
+++ "b/Exerc\303\255cio de Casa/script/script.js"	
@@ -1,55 +1,43 @@
-let books = [
-    {
-        isbn: "9781593275846",
-        title: "Eloquent JavaScript, Second Edition",
-        subtitle: "A Modern Introduction to Programming",
-        author: "Marijn Haverbeke",
-        published: "2014-12-14T00:00:00.000Z",
-    },
-    {
-        isbn: "9781449331818",
-        title: "Learning JavaScript Design Patterns",
-        subtitle: "A JavaScript and jQuery Developer's Guide",
-        author: "Addy Osmani",
-        published: "2012-07-01T00:00:00.000Z",
-    },
-    {
-        isbn: "9781449365035",
-        title: "Speaking JavaScript",
-        subtitle: "An In-Depth Guide for Programmers",
-        author: "Axel Rauschmayer",
-        published: "2014-02-01T00:00:00.000Z",
-    },
-    {
-        isbn: "9781491950296",
-        title: "Programming JavaScript Applications",
-        subtitle: "Robust Web Architecture with Node, HTML5, and Modern JS Libraries",
-        author: "Eric Elliott",
-        published: "2014-07-01T00:00:00.000Z",
-    },
-    {
-        isbn: "9781593277574",
-        title: "Understanding ECMAScript 6",
-        subtitle: "The Definitive Guide for JavaScript Developers",
-        author: "Nicholas C. Zakas",
-        published: "2016-09-03T00:00:00.000Z",
-    },
-    {
-        isbn: "9781491904244",
-        title: "You Don't Know JS",
-        author: "Kyle Simpson",
-        published: "2015-12-27T00:00:00.000Z",
-    },
-    {
-        isbn: "9781449325862",
-        title: "Git Pocket Guide",
-        author: "Richard E. Silverman",
-        published: "2013-08-02T00:00:00.000Z",
-    },
-    {
-        isbn: "9781449337711",
-        title: "Designing Evolvable Web APIs with ASP.NET",
-        author: "Glenn Block, et al.",
-        published: "2014-04-07T00:00:00.000Z",
-    }
-]
\ No newline at end of file
+function onSubmit(event) {
+  event.preventDefault();
+
+  const autor = document.querySelector(".input_autor").value;
+  const titulo = document.querySelector(".input_titulo").value;
+  const isbn = document.querySelector(".input_isbn").value;
+  const data = document.querySelector(".input_date").value;
+  let dataInserção = new Date().toLocaleString("pt-br");
+  let horarioInsercao = new Date().toLocaleTimeString("pt-br");
+
+  const table = document.getElementById("resposta");
+
+  if (autor === "" || titulo == "" || isbn === "" || data === "") {
+    alert(
+      "Poxa, os dados estão em brancos.  Por favor verificar e entrar novamente! 😔 "
+    );
+  } else {
+    books.map((livro) => {
+      table.style = "display: block;";
+      table.innerHTML += `
+  <tr class="teste" id ="teste">
+
+        <td class="borde"> ${autor}</td> 
+        <td class="borde"> ${titulo}</td> 
+        <td class="borde" > ${isbn} </td> 
+        <td class="borde"> ${data} </td> 
+        <td class="borde"> ${dataInserção} </td> 
+        <td class="borde"> ${horarioInsercao} </td> 
+        <td nowrap>
+        <button id "apagar" class="apagar" onsubmit="removerElemento(event)">Apagar</button>
+      </td>
+      
+  </tr>`;
+    });
+  }
+}
+lerLivros();
+
+document
+  .getElementById("resposta")
+  .addEventListener("click", function removerElemento(event) {
+    document.querySelector("#teste").remove();
+  });
diff --git "a/Exerc\303\255cio de Casa/style/style.css" "b/Exerc\303\255cio de Casa/style/style.css"
index e69de29..f76481a 100644
--- "a/Exerc\303\255cio de Casa/style/style.css"	
+++ "b/Exerc\303\255cio de Casa/style/style.css"	
@@ -0,0 +1,318 @@
+/* header */
+body {
+  background: linear-gradient(
+    116.79deg,
+    rgba(77, 123, 223, 0.48) 0%,
+    rgba(74, 38, 158, 0.12) 99.45%
+  );
+}
+.name {
+  width: 193px;
+  height: 44px;
+  left: 464px;
+  top: 319px;
+  margin-left: 22%;
+
+  font-weight: 500;
+  font-size: 25px;
+  line-height: 37px;
+  color: #772cbd;
+}
+.profissao {
+  width: 130px;
+  height: 44px;
+  left: 480px;
+  top: 355px;
+  margin-left: 35%;
+
+  font-size: 22px;
+  line-height: 33px;
+
+  color: #772cbd;
+}
+.imgGabrielle {
+  width: 151px;
+  height: 154px;
+  left: 462px;
+  top: 148px;
+  margin-top: 22%;
+  margin-left: 22%;
+}
+.margin {
+  height: 100%;
+
+  background-color: linear-gradient(#3c18a0 0.34%, #2331b6 99.61%);
+}
+.retangulo {
+  position: absolute;
+  width: 413px;
+  height: 930px;
+  left: 348px;
+  top: 115px;
+
+  background: linear-gradient(
+    116.79deg,
+    rgba(71, 18, 170, 0.48) 0.45%,
+    rgba(255, 255, 255, 0.12) 99.45%
+  );
+  backdrop-filter: blur(100px);
+  border-radius: 30px;
+}
+
+.positon-info {
+  margin-left: 22%;
+
+  width: 280px;
+  height: 308px;
+  left: 470px;
+  top: 425px;
+}
+.img-rede-social1 {
+  margin-left: 40%;
+
+  width: 66px;
+  height: 70px;
+  left: 491px;
+  top: 425px;
+}
+.img-rede-social2 {
+  margin-left: 28%;
+  padding: 3rem;
+  width: 69px;
+  height: 67px;
+  left: 488px;
+  top: 503px;
+}
+.img-rede-social3 {
+  margin-left: 40%;
+
+  width: 57px;
+  height: 64px;
+  left: 498px;
+  top: 588px;
+}
+
+/* Main */
+
+.borde {
+  border-radius: 2px solid rgb(0, 0, 0);
+  padding: 5px;
+  text-align: center;
+}
+.title {
+  position: absolute;
+  width: 365px;
+  height: 63px;
+  left: 821px;
+  top: 150px;
+
+  font-family: Poppins;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 50px;
+  line-height: 75px;
+
+  color: rgba(15, 3, 15, 0.9);
+}
+.campo_retangulo {
+  position: absolute;
+  display: flex;
+  padding: 1rem;
+  flex-direction: column;
+  width: auto;
+  height: 390px;
+  left: 794px;
+  top: 298px;
+
+  font-family: Poppins;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 22px;
+  line-height: 33px;
+
+  background: linear-gradient(
+    92.94deg,
+    rgba(238, 236, 236, 0.912) -1.71%,
+    rgba(255, 254, 254, 0.836) 101.13%
+  );
+  box-shadow: 12px 12px 28px rgba(0, 0, 0, 0.25);
+  border-radius: 30px;
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.input-group {
+  padding: 2px;
+  display: flex;
+  font-size: 22px;
+  flex-direction: column;
+}
+.input-group-btn {
+  padding-top: 20px;
+  flex-direction: row;
+}
+
+.input_autor {
+  width: 228px;
+  height: 40px;
+  font-size: 22px;
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.input_titulo {
+  width: 228px;
+  height: 40px;
+  font-size: 22px;
+
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.input_isbn {
+  width: 228px;
+  height: 40px;
+  font-size: 22px;
+
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.input_date {
+  width: 228px;
+  height: 40px;
+  font-size: 22px;
+
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.btn {
+  width: 120px;
+  height: 35px;
+  border-radius: 5px;
+  border-width: 0.5px;
+  border-color: rgba(183, 68, 185, 0.9);
+  color: rgba(183, 68, 185, 0.9);
+}
+
+.resposta {
+  display: none;
+  align-items: center;
+  width: auto;
+  margin-left: 45rem;
+  margin-top: 45rem;
+  padding: 3rem;
+  font-size: 16px;
+}
+
+/* tablet */
+
+@media (max-width: 1234px) {
+  .retangulo {
+    height: 50rem;
+    left: 100px;
+    margin-top: -5;
+    margin-left: -5rem;
+  }
+
+  .campo_retangulo {
+    height: 25rem;
+    left: 50px;
+    margin: 10rem;
+    margin-top: 2rem;
+    margin-left: 30rem;
+    font-size: 20px;
+  }
+  .title {
+    height: 12rem;
+    left: 40rem;
+    margin-left: -5rem;
+  }
+  .input-group {
+    font-size: 20px;
+    padding: 10px;
+    height: 60px;
+  }
+  .resposta {
+    display: none;
+    align-items: center;
+    width: auto;
+    margin-left: 30rem;
+    margin-top: 45rem;
+    padding: 3rem;
+    font-size: 16px;
+  }
+}
+
+@media (max-width: 974px) {
+  .resposta .retangulo {
+    height: 50rem;
+    left: 50px;
+    margin-top: -5;
+    margin-left: -5rem;
+  }
+
+  .campo_retangulo {
+    height: 25rem;
+    left: 50px;
+    margin: 10rem;
+    margin-top: 2rem;
+    margin-left: 25rem;
+    font-size: 20px;
+  }
+  .title {
+    height: 12rem;
+    left: 33rem;
+    margin-left: -5rem;
+    font-size: 40px;
+  }
+  .input-group {
+    font-size: 16px;
+    padding: 10px;
+    height: 60px;
+  }
+  .resposta {
+    align-items: center;
+    width: auto;
+    margin-left: 25rem;
+    margin-top: 47rem;
+    padding: 1.5rem;
+    font-size: small;
+  }
+}
+/* mobile */
+@media (max-width: 800px) {
+  .retangulo {
+    height: 20rem;
+    margin-top: -12rem;
+    margin-left: -5rem;
+    font-size: 2rem;
+  }
+  .retangulo .resposive {
+    display: none;
+  }
+
+  .resposta {
+    align-items: center;
+    width: auto;
+    margin-left: -0rem;
+    margin-top: 47rem;
+    padding: 1.5rem;
+    font-size: small;
+  }
+  .campo_retangulo {
+    height: auto;
+    margin: 10rem;
+    margin-top: 2rem;
+    margin-left: -2rem;
+    font-size: 5px;
+    width: auto;
+  }
+  .title {
+    /* height: 25rem;
+    left: 50px;
+    margin-top: 09rem;
+    margin-left: 7rem;
+    left: 50px;
+    font-size: 30px;
+    width: 17rem;
+    color: #100f11; */
+    display: none;
+  }
+}