reprograma · gabrielacsalesc · Jun 18, 2021
diff --git a/Exercicios/10. array.map()/script.js b/Exercicios/10. array.map()/script.js
@@ -5,4 +5,10 @@ const usuarios = [
     {user:237, name: 'Mariana', idade:15 },
     {user:238, name: 'Isis', idade:34 },
     {user:239, name: 'Pietra', idade:23 }
-]
+]
+
+const textoResultado = usuarios.map((participantes) => {
+    return 'Nome: ${participantes.name}, Idade: ${participantes.idade}'
+});
+
+console.log(textoResultado);
diff --git a/Exercicios/10. array.map()/script2.js b/Exercicios/10. array.map()/script2.js
@@ -0,0 +1,29 @@
+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(vencedores);
+console.log(paises);
diff --git a/Exercicios/11. array.forEach()/script.js b/Exercicios/11. array.forEach()/script.js
@@ -1 +1,9 @@
 const numbers = [65, 44, 12, 4, 68];
+
+let sum = 0;
+
+sum.forEach((numero) => {
+    sum += numero;
+})
+
+console.log(sum);
diff --git a/Exercicios/2. for/script.js b/Exercicios/2. for/script.js
@@ -1 +1,31 @@
-const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+//const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+//    for (let fruta = 0; fruta < listagemDeFrutas.length; fruta++){
+ //       console.log(listagemDeFrutas[fruta]);
+  //  }
+//*FRUTA É UM INDEX
+// DEVEMOS SEMPRE NOMEAR O INDEX 
+
+//ECERCICIO DE CASA
+
+//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 }
+//]
+//um jeito
+ //for (let contador = 0; contador < usuarios.length ; contador++) {
+  //  if (usuarios[contador].user === 235) {
+    //    console.log(usuarios[contador].name, usuarios[contador].idade);
+  //  }
+//} 
+// outro jeito
+//for (let contador of usuarios) {
+
+   // if(contador.user === 235) {
+    //    console.log(contador.name, contador.idade);
+    //}
+
+//}
diff --git a/Exercicios/4. array.push()/script.js b/Exercicios/4. array.push()/script.js
@@ -1 +1,3 @@
-const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+    listagemDeFrutas.push('Morango');
+    console.log(listagemDeFrutas);
diff --git 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 ulitmoElementodaListagem = listagemDeFrutas.pop();
+    console.log(listagemDeFrutas);
+    console.log(ulitmoElementodaListagem);
 
 const usuarios = [
     {user:234, name: 'Marcia', idade:40 },
@@ -7,4 +11,7 @@ const usuarios = [
     {user:237, name: 'Mariana', idade:15 },
     {user:238, name: 'Isis', idade:34 },
     {user:239, name: 'Pietra', idade:23 }
-]
+]
+    const removeUsuario = usuarios.pop();
+    console.log(usuarios);
+    console.log(removeUsuario);
diff --git a/Exercicios/6. array.shift()/script.js b/Exercicios/6. array.shift()/script.js
@@ -1,10 +1,21 @@
 const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
 
+const firstElement = listagemDeFrutas.shift();
+console.log(listagemDeFrutas);
+console.log(firstElement);
+
+
+
+
 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 firstUsuario = usuarios.shift();
+    console.log(usuarios);
+    console.log(firstUsuario);
diff --git a/Exercicios/7. array.unshift()/script.js b/Exercicios/7. array.unshift()/script.js
@@ -1,9 +1,17 @@
 const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+
+listagemDeFrutas.unshift('Morango');
+console.log(listagemDeFrutas);
+
+
+
 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 }
-]
+]
+usuarios.unshift('user:233');
+console.log(usuarios);
diff --git a/Exercicios/8. array.slice()/script.js b/Exercicios/8. array.slice()/script.js
@@ -1,9 +1,16 @@
 const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"];
+
+const selectedItens = listagemDeFrutas.slice(0,3);
+console.log(selectedItens);
+//retorna os que estão dentro do intervalo
+
 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 selectedUsuarios = usuarios.slice(0,3);       
+console.log(selectedUsuarios);
diff --git a/Exercicios/9. array.splice()/script.js b/Exercicios/9. array.splice()/script.js
@@ -1,9 +1,27 @@
 const countryList = [ "Argentina","Armenia","Australia","Azerbaijan","Bahamas","Brazil","Burkina Faso", "Costa Rica","Mauritania","St Vincent","Uganda","United Arab Emirates","Uruguay","Uzbekistan","Venezuela"];
+
+const paisesLista = countryList.splice (0,3, 'Japão');
+console.log(countryList);
+console.log(paisesLista);
+
+//PRINCIPAL USO É A REMOÇÃO DE ITENS
+
 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 listaUsuarios = usuarios.splice (0,3, 'Yasmim');
+console.log(listaUsuarios);
+console.log(usuarios);
+
+usuarios.splice(0,1,{
+    user:233,
+    name:'Yasmim',
+    idade:26,
+})
+
+console.log(usuarios);
diff --git a/Exercício de Casa/index.html b/Exercício de Casa/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<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">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Roboto+Slab:700|Roboto:400,400i" rel="stylesheet">
+    <link rel="stylesheet" href="./style/style.css">
+    <title>My Audible Books</title>
+</head>
+<body>
+    <header class="header">
+        <img src="./img/MyAudibleBooks-logo.png" alt="Logo do My Audible Books" class="img-header"/>
+    </header>
+    <main>
+        <section class="section-formulario">
+            <form action="envia_dados_para_tabela" onsubmit="exibirDadosTabela(event)">
+                <div class="div-formulario">
+                    <label class="legenda-formulario" id="titulo" for="tituloDoLivro">Título</label>
+                    <input class="caixaDeTexto-formulario" type="text" id="tituloDoLivro" name="tituloDoLivro">
+                </div>
+                <div class="div-formulario">
+                  <label class="legenda-formulario" for="autorDoLivro">Autor</label>
+                  <input class="caixaDeTexto-formulario" type="text" id="autorDoLivro" name="autorDoLivro">  
+                </div>
+                <div class="div-formulario">
+                    <label class="legenda-formulario" for="isbnDoLivro">ISBN</label>
+                    <input class="caixaDeTexto-formulario" type="number"  id="isbnDoLivro" name="isbnDoLivro">  
+                </div>
+                <div class="div-formulario">
+                    <label class="legenda-formulario" for="dataDePublicacaoDoLivro">Data de Publicação</label>
+                    <input class="caixaDeTexto-formulario" type="date" id="dataDePublicacaoDoLivro" name="dataDePublicacaoDoLivro">  
+                </div>
+                <div class="div-botao-formulario">
+                    <input type="submit" id="botaoDeAdicionarLivro" class="botaoFormulario">
+                </div>
+            </form>
+        </section>
+        <section class="section-tabela">
+            <h2 class="titulo-section-tabela">Acervo de livros da biblioteca:</h2>
+            <table class="tabela">
+                <thead class="cabecalho-tabela">
+                    <tr>
+                        <div class="div-titulo-tabela">
+                            <th>Título</th>
+                        </div>
+                        <div class="div-titulo-tabela">
+                            <th>Autor</th>
+                        </div>
+                        <div class="div-titulo-tabela">
+                            <th>ISBN</th>
+                        </div>
+                        <div class="div-titulo-tabela">
+                            <th>Data de Publicação</th>
+                        </div>
+                    </tr>
+                </thead>
+                <tbody id="corpo-tabela" class="corpo-tabela">
+                </tbody>
+            </table>
+        </section>
+    </main>
+    <script src="./script/script.js"></script>
+</body>
+</html>
diff --git a/Exercício de Casa/script/script.js b/Exercício de Casa/script/script.js
@@ -2,35 +2,30 @@ 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",
     },
@@ -52,4 +47,69 @@ let books = [
         author: "Glenn Block, et al.",
         published: "2014-04-07T00:00:00.000Z",
     }
-]
+]
+/*Exibindo na tabela, assim que carrega a página, os dados do array books*/
+function exibirArrayBooks(){
+    for (let book of books) {
+        /*Tratando as datas de publicação vindas no array books*/
+       let data = new Date(book.published);
+       let dia = data.setDate(data.getDate()+1);
+       let dataFormatada = data.toLocaleDateString("pt-br");
+       /*Exibindo no HTML os elementos do array books, inclusive a data já formatada*/
+        document.getElementById("corpo-tabela").innerHTML += `
+                <tr id="tr-tabela">
+                    <td>${book.title}</td>
+                    <td>${book.author}</td>
+                    <td>${book.isbn}</td>
+                    <td>${dataFormatada}</td>
+                    <td><button id='botao-tabela' class='botao-tabela'></button></td> 
+                </tr>
+            `
+    }
+}
+exibirArrayBooks();
+
+/*Exibindo os livros que forem sendo adicionados por meio do formulário*/
+function exibirDadosTabela(event){
+    event.preventDefault();
+
+    /*Adiciona os dados do formulário, dentro de um único objeto, no último elemento do array books*/
+    books.push({
+        isbn: document.getElementById('isbnDoLivro').value,
+        title: document.getElementById('tituloDoLivro').value,
+        author: document.getElementById('autorDoLivro').value,
+        published: document.getElementById('dataDePublicacaoDoLivro').value,
+    })
+
+    /*Verifica esse último elemento, cujo índice é length-1, do array books*/
+    for(let book = books.length-1; book <= books.length-1; book++){
+        if(books[book].isbn === "" || books[book].title === "" || books[book].author ==="" || books[book].published ==="") {
+            alert("Os dados não foram inseridos corretamente. Tente novamente!")
+            books.pop(); /*Se os dados desse último elemento forem vazios, ele é retirado do arrey books*/
+        }else{
+            /*Se os dados desse último elemento não forem vazios, ele continua sendo o último elemento do arrey books*/
+            /*Antes de ser exibido no html, a data desse último elemento passa por um tratamento*/
+            let dataPublicacao = new Date(books[book].published);
+            let dia = dataPublicacao.setDate(dataPublicacao.getDate()+1);
+            let dataPublicacaoFormatada = dataPublicacao.toLocaleDateString("pt-br");
+
+            /*Depois da data ser tratada, os valores desse último elemento do array, que foram os inseridos no formulário, são, finalmente, exibidos no html*/
+            document.getElementById("corpo-tabela").innerHTML += `
+            <tr id="tr-tabela">
+                <td>${books[book].title}</td>
+                <td>${books[book].author}</td>
+                <td>${books[book].isbn}</td>
+                <td>${dataPublicacaoFormatada}</td>
+                <td><button id='botao-tabela' class='botao-tabela'></button></td> 
+            </tr>
+        `
+        }
+    }
+}
+/*Função que permite a remoção dos elementos por meio do botão*/
+document.getElementById('corpo-tabela').addEventListener('click', function removerLinhaLivro(event) {
+    if (event.target.className === "botao-tabela") {
+        let botao = event.target.parentElement;
+        botao.parentElement.remove();
+    }
+})