├── src ├── img │ ├── Boo.png │ ├── bg.png │ ├── Coin.png │ ├── Daisy.png │ ├── Luigi.png │ ├── Mario.png │ ├── Peach.png │ ├── Pipe.png │ ├── Shell.png │ ├── Toad.png │ ├── Wario.png │ ├── Yoshi.png │ ├── Bowser.png │ ├── Goomba.png │ ├── Piranha.png │ ├── Shy Guy.png │ ├── Toadette.png │ ├── Waluigi.png │ ├── box-model.jpg │ ├── Logo Kenzie.png │ ├── QuestionBlock.png │ ├── nome-maratona.png │ └── logo-mario-memory.png ├── aula │ ├── js │ │ ├── aula.html │ │ └── aula.js │ ├── css │ │ ├── style.css │ │ └── css-aula.html │ └── html │ │ └── aula.html ├── script │ ├── database.js │ └── script.js └── css │ ├── jogo.css │ ├── style.css │ └── reset.css ├── index.html ├── jogo.html └── README.md /src/img/Boo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Boo.png -------------------------------------------------------------------------------- /src/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/bg.png -------------------------------------------------------------------------------- /src/img/Coin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Coin.png -------------------------------------------------------------------------------- /src/img/Daisy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Daisy.png -------------------------------------------------------------------------------- /src/img/Luigi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Luigi.png -------------------------------------------------------------------------------- /src/img/Mario.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Mario.png -------------------------------------------------------------------------------- /src/img/Peach.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Peach.png -------------------------------------------------------------------------------- /src/img/Pipe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Pipe.png -------------------------------------------------------------------------------- /src/img/Shell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Shell.png -------------------------------------------------------------------------------- /src/img/Toad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Toad.png -------------------------------------------------------------------------------- /src/img/Wario.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Wario.png -------------------------------------------------------------------------------- /src/img/Yoshi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Yoshi.png -------------------------------------------------------------------------------- /src/img/Bowser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Bowser.png -------------------------------------------------------------------------------- /src/img/Goomba.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Goomba.png -------------------------------------------------------------------------------- /src/img/Piranha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Piranha.png -------------------------------------------------------------------------------- /src/img/Shy Guy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Shy Guy.png -------------------------------------------------------------------------------- /src/img/Toadette.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Toadette.png -------------------------------------------------------------------------------- /src/img/Waluigi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Waluigi.png -------------------------------------------------------------------------------- /src/img/box-model.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/box-model.jpg -------------------------------------------------------------------------------- /src/img/Logo Kenzie.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/Logo Kenzie.png -------------------------------------------------------------------------------- /src/img/QuestionBlock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/QuestionBlock.png -------------------------------------------------------------------------------- /src/img/nome-maratona.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/nome-maratona.png -------------------------------------------------------------------------------- /src/img/logo-mario-memory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kenzie-Academy-Brasil-Developers/maratona-programarParaEvoluir/HEAD/src/img/logo-mario-memory.png -------------------------------------------------------------------------------- /src/aula/js/aula.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Aula JS

11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/script/database.js: -------------------------------------------------------------------------------- 1 | const personagens = [ 2 | { 3 | id: "0", 4 | name: "boo", 5 | img: "./src/img/Boo.png", 6 | }, 7 | { 8 | id: "1", 9 | name: "goomba", 10 | img: "./src/img/Goomba.png", 11 | }, 12 | { 13 | id: "2", 14 | name: "shell", 15 | img: "./src/img/Shell.png", 16 | }, 17 | { 18 | id: "3", 19 | name: "piranha", 20 | img: "./src/img/Piranha.png", 21 | }, 22 | ]; 23 | -------------------------------------------------------------------------------- /src/aula/css/style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | color:cadetblue; 3 | background-color: lightgoldenrodyellow; 4 | font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 5 | margin: 50px; 6 | padding: 20px; 7 | } 8 | 9 | #desejo2022 { 10 | font-size: 50px; 11 | } 12 | 13 | #personagem1 { 14 | 15 | } 16 | 17 | .personagem-secundario { 18 | 19 | } 20 | /* 21 | div { 22 | width: 300px; 23 | height: 300px; 24 | background-color: pink; 25 | } */ 26 | 27 | span { 28 | display: inline-block; 29 | background-color: coral; 30 | width: 100px; 31 | height: 50px; 32 | } 33 | /* 34 | span, a { 35 | display: block; 36 | } */ 37 | 38 | .personagens-box { 39 | display: flex; 40 | justify-content: space-between; 41 | flex-direction: row-reverse; 42 | } 43 | 44 | 45 | .div-pai { 46 | display: grid; 47 | grid-template-columns: auto auto; 48 | width: 200px; 49 | } 50 | 51 | .div-filha { 52 | background-color: plum; 53 | border: 1px solid salmon; 54 | width: 50px; 55 | height: 50px; 56 | margin: 10px; 57 | 58 | } -------------------------------------------------------------------------------- /src/aula/css/css-aula.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Aula - CSS 9 | 10 | 11 |

Aula de CSS

12 | 13 |

Ser programador em 2022

14 | Kenzie 15 | Google 16 | 17 |

Lista de Personagens Harry Potter

18 | 23 | 24 |
25 |
1
26 |
2
27 |
3
28 |
4
29 |
5
30 |
6
31 |
32 | 33 |
34 | 35 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Maratona - Programar para Evoluir 13 | 14 | 15 |
16 |
17 | Logo Mario Memory 18 | Programar para Evoluir 19 | Logo Kenzie 20 |
21 |
22 |

Encontre todos os pares no menor tempo possível acumulando pontos a cada rodada

23 | 24 |
25 |
26 | 27 | -------------------------------------------------------------------------------- /src/css/jogo.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: url("../img/bg.png"); 3 | background-repeat: no-repeat; 4 | background-size: cover; 5 | height: 100vh; 6 | font-family: "Nunito", sans-serif; 7 | } 8 | 9 | header { 10 | display: flex; 11 | justify-content: space-between; 12 | align-items: center; 13 | margin: 10px 0 60px; 14 | } 15 | 16 | header div { 17 | background-image: url("../img/Pipe.png"); 18 | background-repeat: no-repeat; 19 | width: 685px; 20 | height: 150px; 21 | display: flex; 22 | align-items: center; 23 | justify-content: space-between; 24 | font-weight: 700; 25 | font-size: 35px; 26 | color: #f4f4f4; 27 | line-height: 55px; 28 | } 29 | 30 | header div p { 31 | margin: 0 80px; 32 | } 33 | 34 | header button { 35 | background: #e52521; 36 | border: 3px solid #f4f4f4; 37 | border-radius: 10px; 38 | width: 200px; 39 | height: 52px; 40 | font-weight: 400; 41 | font-size: 36px; 42 | line-height: 49px; 43 | text-align: center; 44 | color: #ffffff; 45 | margin-right: 80px; 46 | } 47 | 48 | main { 49 | display: grid; 50 | grid-template-columns: auto auto auto auto; 51 | margin: 0 auto; 52 | width: 80%; 53 | grid-column-gap: 20px; 54 | grid-row-gap: 70px; 55 | } 56 | 57 | main img { 58 | height: 200px; 59 | width: 200px; 60 | } 61 | -------------------------------------------------------------------------------- /src/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: url("../img/bg.png"); 3 | background-repeat: no-repeat; 4 | background-size: cover; 5 | height: 100vh; 6 | font-family: 'Nunito', sans-serif; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | 12 | main { 13 | background: rgba(244, 244, 244, 0.5); 14 | border-radius: 10px; 15 | padding: 125px; 16 | display: flex; 17 | gap: 150px; 18 | } 19 | 20 | #logos { 21 | display: flex; 22 | flex-direction: column; 23 | align-items: center; 24 | gap: 60px; 25 | } 26 | 27 | #logo-mario { 28 | width: 450px; 29 | height: 200px; 30 | } 31 | 32 | #logo-maratona { 33 | width: 400px; 34 | height: 85px; 35 | } 36 | 37 | #logo-kenzie { 38 | width: 165px; 39 | height: 41px; 40 | margin-top: 30px; 41 | } 42 | 43 | #jogar { 44 | display: flex; 45 | flex-direction: column; 46 | align-items: center; 47 | justify-content: center; 48 | gap: 80px; 49 | } 50 | 51 | #jogar p { 52 | font-style: normal; 53 | font-weight: 700; 54 | font-size: 32px; 55 | line-height: 44px; 56 | text-align: center; 57 | width: 375px; 58 | } 59 | 60 | #jogar button { 61 | background: #049CD8; 62 | border: 3px solid #F4F4F4; 63 | border-radius: 10px; 64 | font-style: normal; 65 | font-weight: 900; 66 | font-size: 64px; 67 | line-height: 87px; 68 | text-align: center; 69 | color: #FFFFFF; 70 | width: 400px; 71 | height: 104px; 72 | } 73 | 74 | #jogar button:hover { 75 | color: #049CD8; 76 | background-color: transparent; 77 | border: 3px solid #049CD8; 78 | cursor: pointer; 79 | } -------------------------------------------------------------------------------- /jogo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 15 | Maratona - Programar para Evoluir 16 | 17 | 18 |
19 |
20 |

Round 01

21 |

Pontos: 00

22 |
23 | 24 |
25 |
26 | 34 |
35 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /src/css/reset.css: -------------------------------------------------------------------------------- 1 | html, 2 | body, 3 | div, 4 | span, 5 | applet, 6 | object, 7 | iframe, 8 | h1, 9 | h2, 10 | h3, 11 | h4, 12 | h5, 13 | h6, 14 | p, 15 | blockquote, 16 | pre, 17 | a, 18 | abbr, 19 | acronym, 20 | address, 21 | big, 22 | cite, 23 | code, 24 | del, 25 | dfn, 26 | em, 27 | img, 28 | ins, 29 | kbd, 30 | q, 31 | s, 32 | samp, 33 | small, 34 | strike, 35 | strong, 36 | sub, 37 | sup, 38 | tt, 39 | var, 40 | b, 41 | u, 42 | i, 43 | center, 44 | dl, 45 | dt, 46 | dd, 47 | ol, 48 | ul, 49 | li, 50 | fieldset, 51 | form, 52 | label, 53 | legend, 54 | table, 55 | caption, 56 | tbody, 57 | tfoot, 58 | thead, 59 | tr, 60 | th, 61 | td, 62 | article, 63 | aside, 64 | canvas, 65 | details, 66 | embed, 67 | figure, 68 | figcaption, 69 | footer, 70 | header, 71 | hgroup, 72 | menu, 73 | nav, 74 | output, 75 | ruby, 76 | section, 77 | summary, 78 | time, 79 | mark, 80 | audio, 81 | video { 82 | margin: 0; 83 | padding: 0; 84 | border: 0; 85 | font-size: 100%; 86 | font: inherit; 87 | vertical-align: baseline; 88 | } 89 | /* HTML5 display-role reset for older browsers */ 90 | article, 91 | aside, 92 | details, 93 | figcaption, 94 | figure, 95 | footer, 96 | header, 97 | hgroup, 98 | menu, 99 | nav, 100 | section { 101 | display: block; 102 | } 103 | body { 104 | line-height: 1; 105 | } 106 | ol, 107 | ul { 108 | list-style: none; 109 | } 110 | blockquote, 111 | q { 112 | quotes: none; 113 | } 114 | blockquote:before, 115 | blockquote:after, 116 | q:before, 117 | q:after { 118 | content: ""; 119 | content: none; 120 | } 121 | table { 122 | border-collapse: collapse; 123 | border-spacing: 0; 124 | } 125 | -------------------------------------------------------------------------------- /src/aula/html/aula.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Aula - HTML 8 | 9 | 10 | 11 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 |
60 |

Contatos

61 | 62 |
63 |
64 |

Experiência

65 | 66 |
67 | 68 | 69 |
70 |

sdfçsdf

71 |

jasdlkajsdhl

72 |
73 | 74 | 75 |

Hello World

76 | 77 | 78 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Maratona Kenzie => Programar para Evoluir 2 | 3 | Projeto desenvolvido para o evento Programar para Evoluir no dia 27 de agosto de 2022. 4 | 5 | ## Ferramentas 6 | 7 | 1. [Instalação do VS Code no Windows](https://kenzie.com.br/blog/instalacao-vs-code-windows/) 8 | 2. [Como utilizar o codepen e o VSCode](https://kenzie-academy-brasil.github.io/ferramentas/) 9 | 10 | ## Checkpoints aulas 11 | 12 | 1. [Introdução ao HTML e estruturação do projeto](https://kenzieacademybr.notion.site/Checkpoint-HTML-603966060b18408b9a94e08029552dbc) 13 | 2. [Introdução ao CSS e estilização do projeto](https://kenzieacademybr.notion.site/Checkpoint-CSS-25ff90c91bbf469f992d4eb78676b22e) 14 | 3. [Introdução ao Javascript](https://kenzieacademybr.notion.site/Checkpoint-JS-1daf0ac2fccf43fb9da86579ec013ecf) 15 | 16 | ## O projeto 17 | 18 | ### Estrutura de arquivos 19 | 20 | - README.md 21 | - index.html 22 | - /src 23 | - /img 24 | - /css 25 | - style.css 26 | - /js 27 | - script.js 28 | - pages 29 | - jogo.html 30 | 31 | ### Fonte 32 | 33 | - 'Nunito', sans-serif; 34 | 35 | ### Cores 36 | 37 | - Branco: #ffffff; 38 | - Gelo: #F4F4F4; 39 | - Amarelo: #FBD000; 40 | - Azul: #049CD8; 41 | - Verde: #43B047; 42 | - Vermelho: #E52521; 43 | - Preto: #000000; 44 | - Cinza Escuro: #1E1E1E; 45 | 46 | ## Layout 47 | 48 | - [Layout Maratona Kenzie => Programar para Evoluir](https://www.figma.com/file/8Amj3A1JAde5kzDlms5cr0/Maratona-Programa-para-Evoluir?node-id=0%3A1) 49 | 50 | ## LinkedIn das Instrutoras 51 | - [Luiz Paulo Reis](https://www.linkedin.com/in/luiz-paulo-reis-cardoso/) 52 | - [Maria Ferrari](https://www.linkedin.com/in/maria-aparecida-guedes-ferrari/) 53 | 54 | ## Referências 55 | 56 | - [W3Schools referência HTML](https://www.w3schools.com/tags/default.asp) 57 | - [W3Schools referência CSS](https://www.w3schools.com/cssref/default.asp) 58 | - [Google Fonts](https://fonts.google.com/) 59 | - [Coolors](https://coolors.co/palettes/trending) 60 | - [Paletton](https://paletton.com/) 61 | - [W3Schools propriedades CSS no DOM](https://www.w3schools.com/jsref/dom_obj_style.asp) 62 | - [MDN lista de eventos](https://developer.mozilla.org/en-US/docs/Web/Events) 63 | 64 | -------------------------------------------------------------------------------- /src/script/script.js: -------------------------------------------------------------------------------- 1 | const main = document.getElementById("main"); 2 | const placarTag = document.getElementById("placar"); 3 | const buttonEncerrar = document.getElementById("encerrar"); 4 | let click01 = null; 5 | let click02 = null; 6 | let encontrados = 0; 7 | let placar = 0; 8 | 9 | renderizarCartas(); 10 | 11 | buttonEncerrar.addEventListener("click", () => { 12 | window.location.assign("../../index.html"); 13 | }); 14 | 15 | function renderizarCartas() { 16 | const arrDuplicado = [...personagens, ...personagens]; 17 | const personagensEmbaralhados = shuffleArray(arrDuplicado); 18 | console.log(personagensEmbaralhados); 19 | 20 | for (let i = 0; i < personagensEmbaralhados.length; i++) { 21 | let carta = document.createElement("img"); 22 | 23 | carta.id = personagensEmbaralhados[i].id; 24 | 25 | carta.addEventListener("click", clickCarta); 26 | 27 | carta.src = "./src/img/QuestionBlock.png"; 28 | main.appendChild(carta); 29 | } 30 | } 31 | 32 | function clickCarta(event) { 33 | const imgClicada = event.target; 34 | let idClicado = event.target.id; 35 | 36 | let personagemClicado = personagens.find( 37 | (elemento) => elemento.id == idClicado 38 | ); 39 | imgClicada.src = personagemClicado.img; 40 | 41 | if (click01 == null) { 42 | click01 = imgClicada; 43 | } else { 44 | click02 = imgClicada; 45 | testPar(); 46 | } 47 | } 48 | 49 | function testPar() { 50 | if (click01.id == click02.id) { 51 | console.log("encontrei um par!"); 52 | encontrados++; 53 | click01 = null; 54 | click02 = null; 55 | 56 | if (encontrados == 4) { 57 | placar++; 58 | placarTag.innerHTML = placar; 59 | encontrados = 0; 60 | 61 | setTimeout(() => { 62 | main.innerHTML = ""; 63 | renderizarCartas(); 64 | }, 2000); 65 | } 66 | } else { 67 | setTimeout(() => { 68 | click01.src = "./src/img/QuestionBlock.png"; 69 | click02.src = "./src/img/QuestionBlock.png"; 70 | click01 = null; 71 | click02 = null; 72 | }, 1000); 73 | 74 | console.log("não é par"); 75 | } 76 | } 77 | 78 | function shuffleArray(arr) { 79 | for (let i = arr.length - 1; i > 0; i--) { 80 | const j = Math.floor(Math.random() * (i + 1)); 81 | [arr[i], arr[j]] = [arr[j], arr[i]]; 82 | } 83 | return arr; 84 | } 85 | -------------------------------------------------------------------------------- /src/aula/js/aula.js: -------------------------------------------------------------------------------- 1 | // declaração de variáveis (let e cosnt) 2 | 3 | const NomeFacilitador01 = "Luiz"; 4 | let NomeFacilitador02 = "Maria"; 5 | 6 | // tipos de variáveis 7 | 8 | //string - Texto 9 | const nome = "Luiz"; 10 | 11 | //Number - Número 12 | let idade = 28; 13 | let altura = 1.74; 14 | 15 | //boolean - Verdadeiro ou Falso 16 | 17 | let isHuman = true; 18 | const gostaDeAlgumaCoisa = false; 19 | 20 | // outros 21 | 22 | let indefinido = undefined; 23 | let nulo = null; 24 | 25 | // tipos de estrutura de dados: 26 | 27 | // array 28 | let tipoArray = []; 29 | 30 | const arrayLuiz = ["Luiz", 1.74, 28, false, true]; 31 | console.log(arrayLuiz); 32 | console.log(arrayLuiz[0]); 33 | 34 | let notasDaTurma = [10, 8, 6, 9, 10, 1, 0]; 35 | 36 | //console.log(arrayLuiz); 37 | 38 | // objeto 39 | let tipoObjeto = {}; 40 | 41 | let objetoLuiz = { 42 | nome: "Luiz", 43 | idade: 28, 44 | altura: 1.74, 45 | isHuman: true, 46 | }; 47 | 48 | // ================================ 49 | 50 | // Operadores lógicos 51 | 52 | // Igualdade == ou === 53 | 54 | console.log(5 == 5); 55 | 56 | console.log(5 === "5"); 57 | 58 | console.log("luiz" == "luiz"); // verdadeiro 59 | console.log("luiz" == "luiz paulo"); // falso 60 | 61 | // Diferente != ou !== 62 | 63 | console.log(5 !== "5"); 64 | 65 | // Maior e menor que < ou > 66 | 67 | console.log(5 > 4); 68 | console.log(5 < 4); 69 | 70 | let idadePessoa = 18; 71 | 72 | console.log(idadePessoa >= 18); 73 | 74 | // operador ou || 75 | console.log(5 == 5 || 6 == 7); 76 | 77 | // operador e && 78 | console.log(5 == 5 && 6 == 7); 79 | 80 | // ============= operadores matemáticos=== 81 | 82 | //SOMA + 83 | 84 | let numero1 = 5; 85 | let numero2 = 6; 86 | let soma = numero1 + numero2; 87 | 88 | console.log(soma); 89 | 90 | //Subtração - 91 | 92 | let numero3 = 5; 93 | let numero4 = 6; 94 | let soma2 = numero3 - numero4; 95 | 96 | console.log(soma2); 97 | 98 | // multiplicação * 99 | 100 | let mult1 = 2; 101 | let mult2 = 6; 102 | let resultMult = mult1 * mult2; 103 | 104 | console.log(resultMult); 105 | 106 | // divisão / 107 | 108 | let div1 = 30; 109 | let div2 = 2; 110 | 111 | let divResult = div1 / div2; 112 | 113 | console.log(divResult); 114 | 115 | // condicionais if else 116 | 117 | idadePessoa2 = 17; 118 | 119 | if (idadePessoa2 >= 18) { 120 | console.log("Voce pode tirar CNH"); 121 | } else { 122 | console.log("Voce NÃO pode tirar CNH"); 123 | } 124 | 125 | // exemplo de um banco 126 | 127 | let salario = 4000; 128 | 129 | if (salario >= 10000) { 130 | console.log("Você será OURO"); 131 | } else if (salario >= 5000 && salario < 10000) { 132 | console.log("Você será PRATA"); 133 | } else { 134 | console.log("Você será BRONZE"); 135 | } 136 | 137 | // Estrutura de repetição For 138 | 139 | // for (let index = 0; index < 20; index++) { 140 | // console.log("volta do for numero", index); 141 | // } 142 | 143 | let pessoas = [ 144 | "luiz", 145 | "maria", 146 | "joão", 147 | "pedro", 148 | "mariana", 149 | "felipe", 150 | "Bartolomeu", 151 | "sssssss", 152 | ]; 153 | 154 | for (let i = 0; i < pessoas.length; i++) { 155 | console.log(pessoas[i]); 156 | } 157 | --------------------------------------------------------------------------------