diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/Exercicios/10. array.map()/script.js b/Exercicios/10. array.map()/script.js index b6e4227..d933f42 100644 --- a/Exercicios/10. array.map()/script.js +++ b/Exercicios/10. array.map()/script.js @@ -5,4 +5,24 @@ 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 textoResultado = usuarios.map((participantes) => { + +//}); + +const resultadoPietra = usuarios.map((users) => { + if(users.user === 239) { + return `Nome: ${users.name}, tem ${users.idade} anos` + } +}); + +console.log(resultadoPietra); + + + +// const nomes = usuarios.map((pessoas) => { +// return `O usuário número ${participante.user} se chama ${participante.name} e tem ${participante.idade} anos`; +// }); + +// console.log(nomes); diff --git a/Exercicios/10. array.map()/script2.js b/Exercicios/10. array.map()/script2.js new file mode 100644 index 0000000..75c35f1 --- /dev/null +++ b/Exercicios/10. array.map()/script2.js @@ -0,0 +1,23 @@ +const winners = [ + { + nome: 'Equipe Marvel', + pais: 'Canadá', + }, + { + nome: 'DCU', + pais: 'EUA', + }, + { + nome: 'Batman', + pais: 'GotamCity', + }, +]; +const vencedores = winners.map((equipe) => { + return equipe.nome; +}); + +const paises = winners.map(function (local) { + return local.pais +}); + +console.log(paises); \ No newline at end of file diff --git a/Exercicios/11. array.forEach()/script.js b/Exercicios/11. array.forEach()/script.js index 9c1e191..ad92097 100644 --- a/Exercicios/11. array.forEach()/script.js +++ b/Exercicios/11. array.forEach()/script.js @@ -1 +1,28 @@ -const numbers = [65, 44, 12, 4, 68]; +//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 } +] + + +let somaIdade = 0; + +usuarios.forEach(function(itens) { + somaIdade += itens.idade; +}) +console.log(somaIdade); + diff --git a/Exercicios/2. for/script.js b/Exercicios/2. for/script.js index 557d6fc..3d4504a 100644 --- a/Exercicios/2. for/script.js +++ b/Exercicios/2. for/script.js @@ -1 +1,39 @@ -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]); +// } + +// 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); +// } + +// } + +// const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// const listagemDeFrutas.push = ["uva", "Cajá"];{ + +// console.log(listagemDeFrutas); +// } +// const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// const listagemDeFrutas.push = ["uva", "Cajá"]; +// console.log(listagemDeFrutas); +// numeros.push("Maçã","Banana", "Manga"); +// console.log(listagemDeFrutas); diff --git a/Exercicios/5. array.pop()/script.js b/Exercicios/5. array.pop()/script.js index b6f649a..b70c4e2 100644 --- a/Exercicios/5. array.pop()/script.js +++ b/Exercicios/5. array.pop()/script.js @@ -1,5 +1,10 @@ const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; + + // const ultimoElementoLista = listagemDeFrutas.pop(); +// console.log(listagemDeFrutas); +// console.log(ultimoElementoLista); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -7,4 +12,19 @@ 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 +] +//conlose.log (usuarios.pop()); + +const removeUsuarios = usuarios.pop(); + +// const listagemDeFrutas = listagemDeFrutas.pop(); + +// console.log(listagemDeFrutas); + +// console.log(listagemDeFrutasPop); + +// 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 index b6f649a..7a9ac97 100644 --- a/Exercicios/6. array.shift()/script.js +++ b/Exercicios/6. array.shift()/script.js @@ -1,4 +1,7 @@ -const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +//const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// listagemDeFrutas.shift(); + +// console.log(listagemDeFrutas); const usuarios = [ {user:234, name: 'Marcia', idade:40 }, @@ -7,4 +10,8 @@ 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 +] + + +usuarios.shift(); +console.log(usuarios); diff --git a/Exercicios/7. array.unshift()/script.js b/Exercicios/7. array.unshift()/script.js index 8421f62..933c37d 100644 --- a/Exercicios/7. array.unshift()/script.js +++ b/Exercicios/7. array.unshift()/script.js @@ -1,4 +1,7 @@ -const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +//const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// listagemDeFrutas.unshift('uva', 'pera', 'morango'); +// console.log(listagemDeFrutas); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -6,4 +9,13 @@ 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 +] +usuarios.unshift({ + user:233, + name:'lili', + idade:33 +} + +); + +console.log(usuarios); \ No newline at end of file diff --git a/Exercicios/8. array.slice()/script.js b/Exercicios/8. array.slice()/script.js index 8421f62..c902177 100644 --- a/Exercicios/8. array.slice()/script.js +++ b/Exercicios/8. array.slice()/script.js @@ -1,9 +1,12 @@ 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 + +const selectItens = listagemDeFrutas.slice(1,3) +console.log(selectItens); +// 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 diff --git a/Exercicios/9. array.splice()/script.js b/Exercicios/9. array.splice()/script.js index 08107fd..cf5e751 100644 --- a/Exercicios/9. array.splice()/script.js +++ b/Exercicios/9. array.splice()/script.js @@ -1,4 +1,10 @@ -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(0, 2); + +// countryList.splice(0, 3, "Japão", "Grecia", "Italia"); +// console.log(countryList); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -6,4 +12,12 @@ 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 +] + +usuarios.splice(0, 1, { + user: 233, + name: 'lilian', + idade: 33, +} +) +console.log(usuarios); \ No newline at end of file diff --git a/Exercicios/script.js b/Exercicios/script.js new file mode 100644 index 0000000..264ff2a --- /dev/null +++ b/Exercicios/script.js @@ -0,0 +1,25 @@ +// const nomes = ['Rosa', 'Lilian', 'Sandra', 'jaqueline']; + +// console.log(nomes.length); + +const iza = { + nome: 'Iza', + idade: 1, + casdrado:true, + cor: ['branco', 'preto'], + caracteristicas: ['fofinha', 'sociável'], +} + +const beyonce = { + nome: 'Beoynce', + idade: 1, + casdrado:true, + cor: ['branco', 'marrom', 'dourado', 'preto'], + caracteristicas: ['brincalhão', 'dengoso'], + } + + //console.log(iza["nome"]); + + //console.log(iza.nome, beyonce.nome); + + // dot notation console.log(iza["caracteristicas"][0], beyonce["cor"]); diff --git a/lilian andrade/README.md b/lilian andrade/README.md new file mode 100644 index 0000000..aa1bf90 --- /dev/null +++ b/lilian andrade/README.md @@ -0,0 +1,116 @@ +# Desafio: Biblioteca + +--- +## Instruções para a realização do projeto: + +1. Entre no repositório aqui mencionado (https://github.com/reprograma/On10-TodasEmTech-JavascriptII). + +2. **Forkem o repositório para a conta pessoal de vocês**. + +3. **Clonem no computador de vocês o repositório forkado em suas contas particulares**. + +``` +git clone [nome-do-repositorio-forkado-em-sua-conta-particular-no-GitHub] +``` + +**_ATENÇÃO_: Não modifiquem o conteúdo do projeto original forkado, apenas a que você copiou e renomeou!** + +4. Crie uma `branch` com o seu nome + +``` +git checkout -b "seu-nome"` +``` + +5. Entrem na branch criada e resolva o desafio proposto. Para verificar em qual branch voce está: + +``` +git branch +``` + +Se estiver na master... + +``` +git checkout "seu-nome" +``` + +6. Ao finalizar a resolução do desafio proposto, façam o `commit` e o `push` da branch criada para a master do projeto que vocês forkaram em suas contas particulares. +(Verifique que você está na sua branch) + +``` +git add . +git commit -m "texto do seu commit" +git push origin master +``` + +7. Em *Settings*, desçam a página até o submenu *GitHub Pages*, e clique em *Check it out here*. + +  + +  + +8. Em Github Pages, selecione em *source* a branch `main` e apertem em save. + + + +9. Enviem o link do GitHub do projeto que vocês forkaram em suas contas particulares. + +--- + +## 1. Introdução + +O nosso cliente - Biblioteca - recebeu o site que criamos, mas pediu algumas alterações na versão que entregamos. São essas: + +1. O cliente forneceu um array - `let books` - que contem alguns títulos que eles deseja ver exibidos na tela; + +2. O cliente deseja que seja retirada da listagem de livros adicionados pelo usuário a informação de "Data da inserção" - que continha a data e horário em que o livro foi adicionado no sistema. + +Assim, vamos produzir uma nova versão do site previamente elaborado. + +## 2. Detalhes Técnicos do Projeto: + +1. A estrutura em HTML e CSS criada anteriormente pode ser mantida. + +2. Contudo, a lógica do JavaScript será alterada, de acordo com o item 4 abaixo. + +## 3. Tecnologias Utilizadas: + +- HTML; +- CSS; +- *Vanilla.js*: não será permitida a utilização de bibliotecas nesse projeto. + +## 4. Critérios Técnicos do Projeto: + +1. O formulário de inserção dos livros continuará contendo os seguintes campos obrigatórios: **Autor, Título, ISBN e Data de Publicação**. Contudo, sintam-se à vontade para inserirem novos campos no formulário caso prefiram. + +2. O tratamento de erros para a adição de livros deve ser mantido - logo, um livro não pode ser adicionado sem as seguintes informações obrigatórias *(Autor, Título, ISBN e Data de Publicação)*. + +3. **No trecho responsável por listar os livros, deverá ser iterado o array `books` de forma a exibir na tela o acervo de livros disponibilizado pelo cliente. Esse array está declarado no arquivo `script.js`**. + +4. Ao clicar no botão responsável por adicionar o livro, **as informações agora devem ser imediatamente inseridas no array `books.js` e visualizadas na listagem localizada abaixo do formulário**. + +5. Na propriedade *published* do array `books.js`, constam as datas e horários em que os livros foram publicados. **Essa propriedade deve ser tratada usando o objeto Date() para que seja exibida na listagem apenas a data**. + +6. O livro adicionado permanecerá podendo ser deletado pelo usuário. + +7. A informação de data de inserção deverá ser removida da listagem de livros.**Na listagem dos livros inseridos, deverá vir uma informação nova, denominada "Data da inserção", contendo a data e o horário em que o livro foi inserido no sistema**. + +8. É preciso seguir a estrutura de repositório contida nessa pasta "Exercício de Casa". + +9. *Estilização*: a estilização da página fica a critério da aluna. O CSS deve ser Responsivo. + +## 5. Itens Adicionais e não Obrigatórios do Projeto: + +1. Permanência dos Dados: encontrar um meio para que as informações permaneçam na tela do usuário mesmo após a atualização da página. + +## 6. Links Úteis: + +**Sobre iteração de array e inserção de dados em um array:** + +https://www.youtube.com/watch?v=vLfqrEP6weo + +**Sobre eventuais erros na inserção de datas:** + +https://www.w3schools.com/js/tryit.asp?filename=tryjs_date_ahead + + + diff --git a/lilian andrade/index.html b/lilian andrade/index.html new file mode 100644 index 0000000..4238ff3 --- /dev/null +++ b/lilian andrade/index.html @@ -0,0 +1,58 @@ + + +
+ + + + +| Título | +Autor | +ISBN | +Data de Publicação | +Páginas | ++ |
|---|