analaura09 · analaura09 · Sep 13, 2021 · Sep 14, 2021 · Sep 14, 2021 · Sep 14, 2021
diff --git a/questão01/q1.html b/questão01/q1.html
@@ -1,11 +1,88 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">
 <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">
-    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+
+    <title>Exercício 01</title>
 </head>
-<body>
-    <script src="q1.js"></script>
+<body>    
+
+    <div>
+        <div >
+            <div>
+                <button type="button" class="btn btn-danger" onclick="gerarAleatorio()">Gerar Dados</button>
+                <button type="button" class="btn btn-danger" onclick="calcular()">Calcular</button>
+            </div>
+        </div>
+    </div>
+
+    <div >
+        <div >
+            <div id="respostas" >
+
+            </div>
+        </div>
+
+    </div>   
+    <div >
+        <div >
+            <div >
+                <table id="minha-tabela" >
+                    <thead>
+                        <tr>
+                            <th>Id</th>
+                            <th>Altura</th>
+                            <th>Peso</th>
+                            <th>Sexo</th>
+                        </tr>
+                    </thead>
+                    <tbody id="dados-tabela">
+
+                    </tbody>
+                </table>
+            </div>  
+        </div>
+    </div>
+
+    <div  id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div>
+            <div>
+                <div>
+                    <h5>Cadastro</h5>
+
+                    <button type="button"></button>
+                </div>
+                <div>
+
+                    <form>
+                        <label >Altura</label>
+                        <input type="text"  id="altura" minlength="1" maxlength="4">
+                        <div >Insira uma altura</div>
+
+                        <label >Peso</label>
+                        <input type="text"  id="peso">
+                        <div >Insira um peso</div>
+
+
+                        <label for="exampleDataList" >Sexo</label>
+                        <input  list="datalistOptions" id="exampleDataList" placeholder="Opções de sexo...">
+                        <datalist id="datalistOptions">
+                            <option value="M">
+                            <option value="F">
+                        </datalist>  
+                        <div >Insira um sexo biológico</div>       
+                    </form> 
+                </div>
+                <div>
+                    <button type="button" class="btn btn-success"  onclick="checkDados()" data-bs-dismiss="modal">Confirmar</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="q1.js"></script>       
 </body>
 </html>
diff --git a/questão01/q1.js b/questão01/q1.js
@@ -1,72 +1,123 @@
-/*Defina um conjunto de dados contendo a altura, peso e o sexo (M ou F) de 15 pessoas, em
-seguida calcule e informe:
-a. A média de altura do grupo; (check)
-b. A mulher mais alta e o homem mais baixo; (check)
-c. O número de homens com mais de 1,70 m de altura;(check)
-d. O homem mais pesado;(check)
-e. O percentual de homens e de mulheres.(check)
-*/
-function getRandomArbitrary(min, max) {
-    return (Math.random() * (max - min) + min).toFixed(2);
-  }
-
-function sexoAleatorio(){
-    const sexo = ['M','F']
-    sorteio = Math.floor(Math.random() * sexo.length)
-    return  sexo[sorteio]
-}
-
+var contador = 1
+var resposta = document.getElementById("respostas")
 class Pessoa{
     constructor(altura, peso, sexo){
         this.altura = parseFloat(altura)
-        this.peso = peso
+        this.peso = parseFloat(peso)
         this.sexo = sexo
     }
 }
 
+function calcular(){
 
-let media_altura = 0
-let mulher_mais_alta = 0
-let homem_mais_baixo = 3
-let homens_de_170 = 1.70
-let homem_mais_pesado = 0
-let total = 0
-let quant_fem = 0
-let quant_masc = 0
-let cont_homens=0
-for(i = 0; i < 15; i++){
-    var pessoa = new Pessoa(getRandomArbitrary(1.5,2), getRandomArbitrary(40, 100), sexoAleatorio())
-    console.log(i, pessoa.altura, pessoa.peso, pessoa.sexo)
-    media_altura += pessoa.altura
-    if(pessoa.sexo === 'F'){
-        quant_fem++
-    }
-    if(pessoa.sexo === 'M'){
-        quant_masc++
-    }
-    if (pessoa.sexo === 'M' && pessoa.altura > homens_de_170){
-        homens_de_170 = pessoa.altura
-        //console.log(homens_de_170)
-        cont_homens++
-
+    let linhas = document.getElementById('minha-tabela').getElementsByTagName('tr') 
+    let pessoas = []
+    let media_altura = 0
+    let mulher_mais_alta = 0
+    let homem_mais_baixo = 3
+    let total_homens = 0
+    let total_mulheres = 0
+
+    if(linhas.length > 1){
+        for (let index = 1; index < linhas.length; index++) {
+            const dados = linhas[index].innerText.split("\t")
+            pessoas.push(new Pessoa(dados[1],dados[2],dados[3]))
+
+
+        }
+        for (const pessoa of pessoas) {
+            console.log(pessoa.altura,pessoa.peso,pessoa.sexo)
+            media_altura += pessoa.altura
+            if (pessoa.sexo === 'F' && pessoa.altura > mulher_mais_alta){
+                mulher_mais_alta = pessoa.altura
+            }
+            if(pessoa.sexo === 'M' && pessoa.altura < homem_mais_baixo){
+                homem_mais_baixo = pessoa.altura
+            }
+            if(pessoa.sexo === 'M'){
+                total_homens ++
+            }
+            else{
+                total_mulheres++
+            }
+        }
+        console.log(`A média de altura é: ${(media_altura/pessoas.length).toFixed(2)}`)
+        console.log(`A mulher mais alta é ${mulher_mais_alta}`)
+        console.log(`O homem mais baixo é ${homem_mais_baixo}`)
+        console.log(`O total de homens é ${total_homens} e o percentual ${((total_homens*100)/pessoas.length).toFixed(2)}%`)
+        console.log(`O total de mulheres é ${total_mulheres} e o percentual ${((total_mulheres*100)/pessoas.length).toFixed(2)}%`)
+        resposta.innerHTML = "A média de altura é: "+(media_altura/pessoas.length).toFixed(2) + "<br>"
+        resposta.innerHTML += `A mulher mais alta é ${mulher_mais_alta} <br>`
+        if (homem_mais_baixo === 3){
+            homem_mais_baixo = 0
+        }
+        else{
+            resposta.innerHTML += `O homem mais baixo é ${homem_mais_baixo} <br>`
+        }
+        resposta.innerHTML += `O total de homens é ${total_homens} e o percentual ${((total_homens*100)/pessoas.length).toFixed(2)}% <br>`
+        resposta.innerHTML += `O total de mulheres é ${total_mulheres} e o percentual ${((total_mulheres*100)/pessoas.length).toFixed(2)}%`
     }
-    if (pessoa.sexo === 'F' && pessoa.altura > mulher_mais_alta){
-        mulher_mais_alta = pessoa.altura
+    else{
+        alert("Tabela vazia")
     }
-    if(pessoa.sexo === 'M' && pessoa.altura < homem_mais_baixo){
-        homem_mais_baixo = pessoa.altura
+}
+function gerarAleatorio(){
+    resposta.innerHTML = ""
+    limparTabela()
+    if (contador > 0){
+        contador = 1
     }
+    let tabela = document.querySelector("#dados-tabela")
+    for (i = 0; i <15; i++){
+        let linha = tabela.insertRow() 
+        linha.insertCell(0).innerText = `${contador++}`
+        linha.insertCell(1).innerText = `${getRandomArbitrary(1.5,2)}`
+        linha.insertCell(2).innerText = `${getRandomArbitrary(40, 100)}`
+        linha.insertCell(3).innerText = `${sexoAleatorio()}`
+    } 
 
-    if (pessoa.sexo === 'M' && pessoa.peso > homem_mais_pesado){
-        homem_mais_pesado = pessoa.peso
-    }
+}
+
+function getRandomArbitrary(min, max) {
+    return (Math.random() * (max - min) + min).toFixed(2);
+  }
 
+function sexoAleatorio(){
+    const sexo = ['M','F']
+    sorteio = Math.floor(Math.random() * sexo.length) //aleatoriedade
+    return  sexo[sorteio]
 }
 
-console.log(`A média da aultura é: ${(media_altura/15).toFixed(2)}`)
-console.log(`A mulher mais alta é ${mulher_mais_alta}`)
-console.log(`O homem mais baixo é ${homem_mais_baixo}`)
-console.log(`Existe ${cont_homens.toFixed()} homens com mais de 1,70 de altura`)
-console.log(`O homem mais pesado tem ${homem_mais_pesado} Kg`)
-console.log(`A porcentagem de mulheres é ${((quant_fem/15)*100).toFixed()}%`)
-console.log(`A porcentagem de homens é ${((quant_masc/15)*100).toFixed()}%`)
+function limparTabela(){
+    let tabela = document.querySelector("#dados-tabela")
+    while (tabela.hasChildNodes()) { 
+        tabela.removeChild(tabela.lastChild); //exclui as linhas antigas mantendo sempre 15
+    }  
+    contador = 1  
+}
+
+function checkDados(){
+    resposta.innerHTML = ""
+    if (contador < 16){
+        let modal = document.querySelector("#exampleModal")  
+        let alt = document.querySelector("#altura").value
+        let peso = document.querySelector("#peso").value
+        let sexo = document.querySelector("#datalistOptions").getElementsByTagName("option")[1].value
+
+        if ( alt !=="" && peso !=="" && sexo !==""){
+            let tabela = document.querySelector("#dados-tabela")
+            let linha = tabela.insertRow() 
+            linha.insertCell(0).innerText = `${contador++}`
+            linha.insertCell(1).innerText = `${alt}`
+            linha.insertCell(2).innerText = `${peso}`
+            linha.insertCell(3).innerText = `${sexo}`
+        }
+    }else{
+        if(confirm("Lista cheia")){
+            limparTabela()
+            checkDados()
+        }
+    }
+}
+
+
diff --git a/questão01/style.css b/questão01/style.css
diff --git a/questão02/q2.html b/questão02/q2.html
@@ -5,9 +5,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+    <title>Somando numeros</title>
 </head>
 <body>
+    <header>Somando os Números</header>
+    <section>
+        <div>
+            <p>Digite um número: <input type="number" name="num" id="num"> <input type="button" value="Adicionar" onclick="Adicionar()"></p>
+            <p><select name="add" id="add" size="10"></select></p>
+            <p><input type="button" value="Somar" onclick="Somar()"></p>
+        </div>
+        <div id="res"></div>
+    </section>
+     <footer>
+        <p>&copy; Anaverso</p>
+    </footer>
     <script src="q2.js"></script>
 </body>
 </html>
diff --git a/questão02/q2.js b/questão02/q2.js
@@ -5,26 +5,74 @@ var c = 0
 var par = 0
 var imp = 0
 var pri = 0
-for(c = 1; c <= 10; c++){
-    var num = parseInt(prompt("Digite um número:"))
+var soma = 0
+var num = document.querySelector('input#num')
+var lista = document.querySelector('select#add')
+var res = document.querySelector('div#res')
+var numeros = []
 
+function inlista(num, l){
+    if(l.indexOf(Number(num))){
+        return true
+    }else{
+        return false
+    }
+}
+
+function Adicionar(){
+    if (inlista(num.value, numeros)){
+        console.log(num)
+        numeros.push(Number(num.value))
+        var item = document.createElement('option')
+        item.text = `Valor ${num.value} adicionado.`
+        lista.appendChild(item)
+        res.innerHTML = ''
+    }
+    num.value = ''
+    num.focus()
+}
+
+for (var i = 0;i<numeros.length;i++){
+    soma += numeros[i]
+}
+console.log(soma)
+function calcular(){
     if (num%2 ==0){
         par+= num
+
     }else{
         imp+= num
+
     }
+
+
     var divisor = 0
     for (i = num; i > 0; i--){
-        //console.log(`[${num}] está sendo dividido por ${i}`)
         if (num%i == 0){
             divisor ++
         }
     }
     if(divisor == 2){
         pri += num
-        //console.log(`[${pri}]`)
     }
 }
-console.log(`A soma dos números primos dá: ${pri}`)
-console.log(`A soma dos numeros pares dá: ${par}`)
-console.log(`A soma dos numeros impares dá: ${imp}`)
+
+
+
+function Somar(){
+    res.innerHTML += `<p>A soma dos números primos dá: <p/>`
+    res.innerHTML += `<p>A soma dos números pares dá: <p/>`
+    res.innerHTML += `<p>A soma dos números impares dá: <p/>`
+
+}
+
+//for(c = 1; c <= 10; c++){
+    //var num = parseInt(prompt("Digite um número:"))
+
+
+
+        //console.log(`[${num}] está sendo dividido por ${i}`)
+
+
+        //console.log(`[${pri}]`)
+