seção 21 finalizada + seção 22 adicionada.

luizeh · luizeh · commit cc4c62821afd · 2026-06-01T18:04:49.000-03:00
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula191/script.js b/Curso-Udemy/Seção21 - intermediário arrays/aula191/script.js
@@ -0,0 +1,17 @@
+const lista = ["Jamilton", "Pagotti", "Pedro", "Enzinx"]
+
+/*
+for(indice in lista){
+   console.log(lista[indice])
+   }
+*/
+
+/****Versao normal*/
+// const percorrer = function(item,i){
+//     console.log(item)
+// }
+
+
+/****Versao com arrow function*/
+lista.forEach(item => console.log(item))
+
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula191/script2.js b/Curso-Udemy/Seção21 - intermediário arrays/aula191/script2.js
@@ -0,0 +1,16 @@
+//Recriando forEach sem usar for each
+
+const lista = ["Jamilton", "Pagotti", "Pedro", "Enzinx"];
+
+Array.prototype.percorrer = function (funcao) {
+    for(let i=0; i < this.length; i++)
+        // console.log("teste")
+    funcao(this[i],i,this)
+};
+
+const funcao = function(item){
+    console.log(item)
+}
+
+lista.percorrer(funcao)
+ 
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula192/script.js b/Curso-Udemy/Seção21 - intermediário arrays/aula192/script.js
@@ -0,0 +1,22 @@
+// Array: .map
+
+const pessoas = ["pagotti", "jamilton", "pedro"]
+
+let funcao= function(item, indice, arr){
+    return {nome: item}
+
+const novoArray = pessoas.map(funcao)
+console.log(novoArray)
+}
+
+const produtosDolar = [
+    {produto: "Notebook", preco: 1200, moeda: "$"},
+    {produto: "celular", preco: 800, moeda: "$"}
+]
+
+const novo = produtosDolar.map(item => {
+    let preco = item.preco * 3
+    return {produto: "Notebook", preco: preco, moeda: "R$"}
+})
+
+console.log(novo)
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula193/script.js b/Curso-Udemy/Seção21 - intermediário arrays/aula193/script.js
@@ -0,0 +1,15 @@
+const usuarios = [
+    {nome: "Jamilton", idade:32},
+    {nome: "Pagotti", idade:15},
+    {nome: "Pedro Silva", idade:23},
+]
+const funcao = function(item,i,arr){
+   return item.idade >= this.filtro
+}
+const filtro = {
+    filtro: 18
+}
+
+
+const usuariosMaiorIdade = usuarios.filter(funcao, filtro)
+console.log(usuariosMaiorIdade)
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula193/script2.js b/Curso-Udemy/Seção21 - intermediário arrays/aula193/script2.js
@@ -0,0 +1,11 @@
+// Desafio rápido
+
+const carros = [
+{nome: "Gol", marca: "volkswagem"},
+{nome: "iX35", marca: "hyundai"},
+{nome: "Santa Fé", marca: "hyundai"},
+{nome: "Polo", marca: "volkswagem"},
+]
+
+const carrosHyundaiFiltro = carros.filter(carros => carros.marca == "hyundai")
+console.log(carrosHyundaiFiltro)
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula194/script.js b/Curso-Udemy/Seção21 - intermediário arrays/aula194/script.js
@@ -0,0 +1,13 @@
+// Função reduce
+
+const numeros = [2, 3, 5]
+
+const funcao = function(acumulador, atual, i) {
+console.log("i:"+i)
+console.log("ac:"+acumulador)
+console.log("a:"+atual)
+console.log("-----")
+return acumulador + atual
+}
+
+const resultado = numeros.reduce(funcao, 6)
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula194/script2.js b/Curso-Udemy/Seção21 - intermediário arrays/aula194/script2.js
@@ -0,0 +1,15 @@
+// Função reduce com booleanos
+
+const produtos = [
+  { nome: "notebook", promocao: true },
+  { nome: "celular", promocao: false },
+  { nome: "mouse", promocao: false},
+];
+
+const produtosPromo = produtos.map((produto) => produto.promocao);
+const funcao = function (acumulador, atual) {
+  return acumulador || atual;
+};
+const novo = produtosPromo.reduce(funcao);
+if(novo){ console.log("tem promocao")}
+else{console.log("NAO tem promocao")}
diff --git a/Curso-Udemy/Seção21 - intermediário arrays/aula194/script3.js b/Curso-Udemy/Seção21 - intermediário arrays/aula194/script3.js
@@ -0,0 +1,9 @@
+// utilizando reduce na pratica
+
+const lista = ["jamilton", "pagotti", "pedro silva"];
+
+let listahtml = lista.reduce(
+
+  (acumulado,atual) => (acumulado += `<li>${atual}</li>, ""`),
+);
+console.log(listahtml);
diff --git a/Curso-Udemy/Seção22 - intermediário DOM/aula196/estilo.css b/Curso-Udemy/Seção22 - intermediário DOM/aula196/estilo.css
diff --git a/Curso-Udemy/Seção22 - intermediário DOM/aula196/index.html b/Curso-Udemy/Seção22 - intermediário DOM/aula196/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Selecionando elementos</title>
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+	<div id="destaque">Área de conteúdo</div>
+	<h1 class="vermelho">Título do site</h1>
+	<p>Subtitulo</p>
+
+	<script>
+		const CITYBOY = document.querySelector(".vermelho")
+	</script>
+</body>
+</html>
diff --git a/Curso-Udemy/Seção22 - intermediário DOM/aula197/estilo.css b/Curso-Udemy/Seção22 - intermediário DOM/aula197/estilo.css
diff --git a/Curso-Udemy/Seção22 - intermediário DOM/aula197/index.html b/Curso-Udemy/Seção22 - intermediário DOM/aula197/index.html
diff --git a/projetos/desafio-erick/dom.html b/projetos/desafio-erick/dom.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Calculadora</title>
+</head>
+<body>
+    <input type="number" id="num1"> x
+    <input type="number" id="num2">
+    <input type="button" value="calcular" onclick="calc()">
+    <div id="res"></div>
+    <script src="dom.js"></script>
+</body>
+</html>
diff --git a/projetos/desafio-erick/dom.js b/projetos/desafio-erick/dom.js
@@ -0,0 +1,10 @@
+function calc() {
+  const num1 = document.querySelector("#num1");
+  const num2 = document.querySelector("#num2");
+  let n1 = Number(num1.value);
+  let n2 = Number(num2.value);
+
+  let res = document.querySelector("#res");
+  let answer = n1 * n2;
+  res.innerHTML = `o resultado é ${answer}`;
+}
diff --git a/projetos/desafio-erick/index.html b/projetos/desafio-erick/index.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <!-- CSS (opcional, já vem embutido no JS) -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"
+    />
+  </head>
+  <body>
+    <button id="btn" onclick="modal()">Clique</button>
+
+    <script>
+  function modal() {
+    Swal.fire({
+      title: "Olálsajklsadlkjasdsadkjl",
+      timer: 5000,
+      timerProgressBar: true,
+      text: "Pagotti na área.",
+      icon: "question"
+    });
+
+    setTimeout(() => {
+      const pop = Swal.getPopup();
+
+      pop.addEventListener("mouseenter", () => {
+        Swal.stopTimer();
+      });
+
+      pop.addEventListener("mouseleave", () => {
+        Swal.resumeTimer();
+      });
+    }, 100);
+  }
+</script> 
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+  </body>
+</html>
diff --git a/projetos/desafio-erick/validarcpf.js b/projetos/desafio-erick/validarcpf.js
@@ -0,0 +1,59 @@
+let cpf = "10772857954";
+const digitos = Array.from(String(cpf)).map(Number);
+
+function verifDigito1() {
+  let soma = 0;
+  let multiplicador = 10;
+  for (let index = 0; index < 9; index++) {
+    soma += digitos[index] * multiplicador;
+    multiplicador--;
+  }
+
+    const resto = soma % 11;
+
+    if (resto < 2) {
+      return 0;
+    } else {
+      return 11 - resto;
+    }
+
+}
+
+function verifDigito2() {
+  let soma = 0;
+  let multiplicador = 11;
+  for (let index = 0; index < 10; index++) {
+    soma += digitos[index] * multiplicador;
+    multiplicador--;
+  }
+
+  const resto = soma % 11;
+
+  if (resto < 2) {
+    return 0;
+  } else {
+    return 11 - resto;
+  }
+}
+
+const primeiroDigito = verifDigito1();
+const segundoDigito = verifDigito2();
+console.log("---Primeiro Digito ---");
+console.log(primeiroDigito);
+console.log(digitos[9]);
+console.log("---Segundo Digito ---");
+console.log(segundoDigito);
+console.log(digitos[10]);
+console.log("---Resultado ---");
+
+if (digitos.length < 11 || digitos.length > 11) {
+  console.log("TAMANHO CPF INVÁLIDO.");
+} else if (digitos.every((num) => num === digitos[0])) {
+  console.log("CPF INVÁLIDO: TODOS OS DIGITOS IGUAIS.");
+} else if (primeiroDigito !== digitos[9]) {
+  console.log("PRIMEIRO DIGITO CPF INVÁLIDO.");
+} else if (segundoDigito !== digitos[10]) {
+  console.log("SEGUNDO DIGITO CPF INVÁLIDO");
+} else {
+  console.log("CPF CORRETO");
+}
