Aula04

ThanksUniverse · ThanksUniverse · commit 63b644af08cd · 2022-05-11T02:29:34.000-03:00
diff --git a/html/funcoes.html b/html/funcoes.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>JavaScript</title>
+</head>
+<body>
+    
+    <div class="container">
+
+        <form id="form-01">
+            <input type="text" placeholder="digite um número" name="n1">
+            <input type="text" placeholder="digite um número" name="n2">
+            <input type="text" placeholder="digite um número" name="n3">
+            <input type="text" placeholder="digite um número" name="n4">
+            <input type="submit" value="Enviar">
+
+
+            <div id="resultado"></div>
+
+
+
+        </form>
+
+
+
+    </div>
+
+
+
+
+
+
+    <script type="text/javascript" src="../js/script.js"></script>
+
+</body>
+</html>
diff --git a/js/script.js b/js/script.js
@@ -0,0 +1,45 @@
+document.addEventListener('submit', function( evento ) {
+
+    evento.preventDefault(); //Formulário para de ter o comportamento padrão do html
+    evento.stopPropagation(); //Faz com que todo submit de form caia nessa função
+
+    let form = document.getElementById('form-01');
+
+    let dados = new FormData(form)
+
+    let objeto = {}; //Assim como array, string, número também é um tipo de variável
+
+    let notas = [];
+
+    for(let key of dados.keys()) {
+        objeto[key] = dados.get(key);
+
+        //Adicionar itens o array
+        notas.push (parseInt(dados.get(key) ) );
+    }
+
+    console.log(notas);
+    console.log(objeto);
+
+    function calcularMedia( notas ) {
+
+        var soma = 0
+        for( c = 0; c < notas.length; c++ ) {
+            soma += notas[c]
+        }
+    
+        media = soma / notas.length //Utilizar notas.length para que ele calcule dinamicamente a quantidade que ela recebeu
+    
+        return media;
+    }
+
+    function aprovacao( notas ) {
+        let media = calcularMedia(notas); // escopo da função
+        let condicao = media >= 7 ? "aprovado" : "reprovado";
+      return 'Média: ' + media + ' - Resultado: ' + condicao;
+      }
+
+    document.getElementById('resultado').innerHTML = aprovacao(notas);
+    aprovacao(notas);
+
+});
