diff --git a/Exercicios/4. array.push()/script.js b/Exercicios/4. array.push()/script.js
index db2e01a..3aec48a 100644
--- a/Exercicios/4. array.push()/script.js
+++ b/Exercicios/4. array.push()/script.js
@@ -1 +1,4 @@
-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("laranja");
+console.log(listagemDeFrutas);
+
diff --git a/Exercicios/5. array.pop()/script.js b/Exercicios/5. array.pop()/script.js
index b6f649a..2b6b46c 100644
--- a/Exercicios/5. array.pop()/script.js
+++ b/Exercicios/5. array.pop()/script.js
@@ -1,4 +1,8 @@
const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const ultimoElementoListagem = listagemDeFrutas.pop();
+
+console.log(listagemDeFrutas);
+
const usuarios = [
{user:234, name: 'Marcia', idade:40 },
diff --git a/Exercicios/8. array.slice()/script.js b/Exercicios/8. array.slice()/script.js
index 8421f62..bea243b 100644
--- a/Exercicios/8. array.slice()/script.js
+++ b/Exercicios/8. array.slice()/script.js
@@ -1,4 +1,4 @@
-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 },
@@ -6,4 +6,5 @@ const usuarios = [
{user:237, name: 'Mariana', idade:15 },
{user:238, name: 'Isis', idade:34 },
{user:239, name: 'Pietra', idade:23 }
-]
\ No newline at end of file
+]
+const selectedItens = usuarios.slace(0,3)
\ No newline at end of file
diff --git "a/Exerc\303\255cio de Casa/img/icone-lixo.png" "b/Exerc\303\255cio de Casa/img/icone-lixo.png"
new file mode 100644
index 0000000..417f517
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/icone-lixo.png" differ
diff --git "a/Exerc\303\255cio de Casa/img/img.estante-livros.jpg" "b/Exerc\303\255cio de Casa/img/img.estante-livros.jpg"
new file mode 100644
index 0000000..7ea818d
Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/img.estante-livros.jpg" differ
diff --git "a/Exerc\303\255cio de Casa/index.html" "b/Exerc\303\255cio de Casa/index.html"
index e69de29..9d8a812 100644
--- "a/Exerc\303\255cio de Casa/index.html"
+++ "b/Exerc\303\255cio de Casa/index.html"
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+ My Audible Books
+
+
+
+
+
+
+
+
+ | Título |
+ Autor |
+ ISBN |
+ Data de Publicação |
+ Páginas |
+ Data de Inserção |
+ Horário de Inserção |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ 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..7e8580f 100644
--- "a/Exerc\303\255cio de Casa/script/script.js"
+++ "b/Exerc\303\255cio de Casa/script/script.js"
@@ -1,36 +1,32 @@
+
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",
+ title: "Speaking JavaScript";
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",
},
@@ -52,4 +48,76 @@ let books = [
author: "Glenn Block, et al.",
published: "2014-04-07T00:00:00.000Z",
}
-]
\ No newline at end of file
+]
+
+function addLivros() {
+
+ books.map((book) => {
+ const parsePagina = !book.pagina ? " - " : book.pagina;
+ const parseData = new Date(book.published);
+ const data = parseData.setDate(parseData.getDate() +1);
+ const dataFormatada - parseData.toLocaleDateString('pt-br');
+
+ document.getElementById('corpo-tabela').innerHTML += `
+
+
+ | ${book.title} |
+ ${book.author} |
+ ${book.isbn} |
+ ${dataFormatada} |
+ ${parsePagina} |
+ ${dataFormatada} |
+ |
+
+ `
+
+ })
+}
+
+addLivros();
+
+function exibirDados(event) {
+ event.preventDefault();
+
+ let pegaTitulo = document.getElementById('title').value;
+ let pegaAuthor = document.getElementById('author').value;
+ let pegaIsbn = document.getElementById('isbn').value;
+ let pegaPagina = document.getElementById('pagina').value;
+ let pegadate = document.getElementById('date').value;
+
+ if (pegaTitulo ==="" || pegaAuthor ==="" || pegaIsbn ==="" || pegaPagina ==="" || pegadate ===""){
+ alert("Campo obrigatório não preenchido")
+
+ }else {
+ books.push({
+ title: pegaTitulo,
+ author: pegaAuthor,
+ isbn: pegaIsbn,
+ pagina: pegaPagina,
+ published: pegadate,
+
+
+ });
+ limpaCampo();
+ addLivros()
+
+ }
+}
+
+
+function limparCampo() {
+
+ document.getElementById('title').value = "";
+ document.getElementById('author').value = "";
+ document.getElementById('pagina').value = "";
+ document.getElementById('date').value = "";
+ document.getElementById('isbn').value = "";
+
+}
+
+ document.getElementById('corpo-tabela').addEventListener('click', function removerLinha(event) {
+ if (event.target.className === "delete") {
+ let botao = event.target.parentElement;
+ botao.parentElement.remove();
+}
+})
diff --git "a/Exerc\303\255cio de Casa/style/style.css" "b/Exerc\303\255cio de Casa/style/style.css"
index e69de29..6140ae6 100644
--- "a/Exerc\303\255cio de Casa/style/style.css"
+++ "b/Exerc\303\255cio de Casa/style/style.css"
@@ -0,0 +1,180 @@
+*{
+ box-sizing: border-box;
+ margin: 0;
+
+}
+
+/* Mobile First */
+
+h1 {
+ color: #ffff;
+}
+
+input {
+ border-radius: 2px;
+}
+
+.header {
+ display: flex;
+ padding: 40px;
+ flex-flow: row-reverse;
+ background-image: url(../img/img.estante-livros.jpg);
+ background-position: center;
+
+}
+
+.div-formulario {
+ display: grid;
+ background-color: burlywood;
+ border: ridge;
+
+}
+.tabela {
+ padding: 10%;
+ background: #a9c1c7;
+ font-size: 55%;
+}
+.caixaDeTextoDoFormulario {
+ padding: 0,1em;
+ border: 1px solid;
+ box-shadow: 1px 1px 1px rgb(53, 41, 25);
+}
+
+
+.div-botao-formulario {
+ text-align: center;
+ margin-top: 3%;
+
+
+
+}
+
+.delete {
+ font-size: 1.2em;
+ background-color: rgb(42, 121, 76);
+ margin-bottom: 1em;
+ padding: 0.2em 0.6em;
+ box-shadow: 2px 2p
+}
+
+
+/* Tablet */
+@media (min-width: 768px) {
+h1 {
+ color: #ffff;
+}
+
+input {
+ border-radius: 2px;
+ padding: 0.6em;
+}
+label {
+ font-size: 22px;
+ padding: 0.2em;
+}
+
+.header {
+ text-align: center;
+ font-size: 2.0em;
+ padding: 70px;
+ background-image: url(../img/img.estante-livros.jpg);
+ background-position: bottom;
+}
+
+.div-formulario {
+ padding: 30px;
+ display: grid;
+ background-color: burlywood;
+
+}
+.botaoFormulario {
+ font-size: 1.2em;
+ background-color: rgb(42, 121, 76);
+ margin-bottom: 1em;
+ padding: 0.2em 0.6em;
+ box-shadow: 2px 2p
+}
+
+
+.section-tabela {
+ display: flex;
+ font-size: xx-large;
+
+}
+
+.tabela {
+ padding: 10%;
+ background: #a9c1c7;
+ font-size: 60%;
+
+}
+.delete {
+ font-size: 1.2em;
+ background-color: rgb(42, 121, 76);
+ margin-bottom: 1em;
+ padding: 0.2em 0.6em;
+ box-shadow: 2px 2p
+
+/* Descktop */
+
+@media (min-width: 1281px){
+
+ h1 {
+ color: #ffff;
+ }
+
+ input {
+ border-radius: 2px;
+ padding: 0.6em;
+ }
+ label {
+ font-size: 22px;
+ padding: 0.2em;
+ }
+
+ .header {
+
+ text-align: center;
+ font-size: 3.1em;
+ padding: 15%;
+ background-image: url(../img/img.estante-livros.jpg);
+ background-position: top;
+ }
+
+ .div-formulario {
+ padding: 30px;
+ display: grid;
+ background-color: burlywood;
+
+ }
+ .botaoFormulario {
+ font-size: 1.2em;
+ background-color: rgb(42, 121, 76);
+ margin-bottom: 1em;
+ padding: 0.2em 0.6em;
+ box-shadow: 2px 2p
+ }
+
+
+ .section-tabela {
+ display: grid;
+ font-size: 2.5em;
+ padding: 15%;
+ width: 100%;
+ }
+
+ .tabela {
+ padding: 10%;
+ background: #a9c1c7;
+ font-size: 60%;
+
+ }
+ .delete {
+ font-size: 1.2em;
+ background-color: rgb(42, 121, 76);
+ margin-bottom: 1em;
+ padding: 0.2em 0.6em;
+ box-shadow: 2px 2p
+}
+
+