Exercicios vetores

Ca788 · Ca788 · commit a3d38412e136 · 2023-08-13T20:51:16.000-03:00
diff --git a/cap06/exerc01.html b/cap06/exerc01.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/estilo.css">
+    <title>Exercicio 01 Vetores</title>
+</head>
+
+<body>
+    <img src="img/serie-a-1.jpg">
+    <h1>Jogos Eliminatórios</h1>
+    <form>
+
+        <p>Clube:
+            <input type="text" id="inClube">
+            <input type="submit" value="Adicionar">
+        </p>
+        <input type="button" value="Listar Clubes" id="btListar">
+        <input type="button" value="Montar tabela de jogos" id="btTabela">
+    </form>
+    <pre></pre>
+    <script src="js/exerc01.js"></script>
+</body>
+
+</html>
diff --git a/cap06/exerc02.html b/cap06/exerc02.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/estilo.css">
+    <title>Exercicios sobre vetores 02</title>
+</head>
+
+<body>
+    <img src="img/exerc.jpg" alt="atividade">
+    <form>
+        <p>Número:
+            <input type="number" id="inNumero">
+            <input type="submit" value="Adicionar">
+        </p>
+        <input type="button" value="Verificar ordem" id="btOrdem">
+    </form>
+    <pre></pre>
+    <h3 id="OrdemNumbers"></h3>
+
+    <script src="js/exerc02.js"></script>
+</body>
+
+</html>
diff --git a/cap06/img/serie-a-1.jpg b/cap06/img/serie-a-1.jpg
diff --git a/cap06/js/exerc01.js b/cap06/js/exerc01.js
@@ -0,0 +1,68 @@
+// Seleciona o formulário e o elemento <pre> (usado para exibir a lista ou os jogos)
+const frm = document.querySelector("form");
+const resp = document.querySelector("pre");
+
+// Cria um array vazio chamado "tabela" para armazenar os nomes dos clubes
+const tabela = [];
+
+// Adiciona um evento de submissão ao formulário
+frm.addEventListener("submit", (e) => {
+  e.preventDefault(); // Impede o comportamento padrão do formulário (não recarrega a página)
+
+  // Obtém o valor do campo de entrada chamado "inClube" no formulário
+  const clubes = frm.inClube.value;
+
+  // Adiciona o nome do clube ao array "tabela"
+  tabela.push(clubes);
+
+  // Dispara um evento "click" no botão de listar (btListar) para atualizar a lista exibida
+  frm.btListar.dispatchEvent(new Event("click"));
+
+  // Limpa o campo de entrada e foca nele
+  frm.inClube.value = "";
+  frm.inClube.focus();
+});
+
+// Adiciona um evento de clique ao botão de listar
+frm.btListar.addEventListener("click", () => {
+  // Verifica se a lista está vazia
+  if (tabela.length == 0) {
+    alert("Não há clubes na lista");
+    inClube.focus(); // Foca no campo de entrada
+    return;
+  }
+
+  let lista = "";
+
+  // Cria uma string com os nomes dos clubes separados por quebra de linha
+  for (const clubes of tabela) {
+    lista += clubes + "\n";
+  }
+
+  // Exibe a lista no elemento <pre>
+  resp.innerText = lista;
+});
+
+// Adiciona um evento de clique ao botão de criar jogos em pares
+frm.btTabela.addEventListener("click", () => {
+  const tam = tabela.length;
+
+  // Verifica se há um número par de clubes na lista
+  if (tam == 0 || tam % 2 == 1) {
+    alert("Deve haver tabelas em pares");
+    inClubes.focus(); // Foca no campo de entrada (presumivelmente o nome do clube)
+    return;
+  }
+
+  let jogos = "";
+
+  const ultimo = tam - 1;
+
+  // Cria pares de clubes para jogos, combinando o primeiro com o último, o segundo com o penúltimo, etc.
+  for (i = 0; i < tam / 2; i++) {
+    jogos += tabela[i] + " x " + tabela[ultimo - i] + "\n";
+  }
+
+  // Exibe os jogos em pares no elemento <pre>
+  resp.innerText = jogos;
+});
diff --git a/cap06/js/exerc02.js b/cap06/js/exerc02.js
@@ -0,0 +1,44 @@
+const frm = document.querySelector("form");
+const resp = document.querySelector("pre");
+const resp2 = document.querySelector("#outOrdem");
+
+const numbers = [];
+
+frm.addEventListener("submit", (e) => {
+  e.preventDefault();
+
+  const numero = Number(frm.inNumero.value);
+
+  numbers.push(numero);
+
+  frm.btOrdem.dispatchEvent(new Event("click"));
+
+  frm.inNumero.value = "";
+  frm.inNumero.focus();
+
+  let lista = " ";
+  for (const number of numbers) {
+    lista += number;
+  }
+  resp.innerText = "Numeros: " + lista;
+});
+
+frm.btOrdem.addEventListener("click", () => {
+  if (numbers.length == 0) {
+    alert("Não há números na lista");
+    inNumero.focus();
+    return;
+  }
+
+  let ordem = true;
+  for (let i = 0; i < numbers.length - 1; i++) {
+    if (numbers[i] > numbers[i + 1]) {
+      ordem = false;
+      break;
+    }
+  }
+
+  resp.innerText = ordem
+    ? "Ok! Números estão em ordem crescente"
+    : "Atenção... Números não estão em ordem crescente";
+});
