feat: inclusão de quantidade de item

aylmerbolzan · Mar 11, 2024 · c914941 · c914941
1 parent 39d52d2
commit c914941
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -45,6 +45,10 @@ <h1>Fracionador de Frete</h1>
         <fieldset class="border p-2 mt-3">
             <legend class="w-auto">Item 1</legend>
             <div class="form-row">
+                <div class="col">
+                    <label for="quantidade_item1">Quantidade:</label>
+                    <input type="number" id="quantidade_item1" class="form-control">
+                </div>
                 <div class="col">
                     <label for="altura_item1">Altura (cm):</label>
                     <input type="number" id="altura_item1" class="form-control">
@@ -71,6 +75,10 @@ <h1>Fracionador de Frete</h1>
         <fieldset class="border p-2 mt-3">
             <legend class="w-auto">Item 2</legend>
             <div class="form-row">
+                <div class="col">
+                    <label for="quantidade_item2">Quantidade:</label>
+                    <input type="number" id="quantidade_item2" class="form-control">
+                </div>
                 <div class="col">
                     <label for="altura_item2">Altura (cm):</label>
                     <input type="number" id="altura_item2" class="form-control">
@@ -103,4 +111,4 @@ <h1>Fracionador de Frete</h1>
     <script src="script.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/script.js b/script.js
@@ -6,6 +6,10 @@ function adicionarNovoItem() {
 <fieldset class="border p-2 mt-3">
   <legend class="w-auto">Item ${itemCounter}</legend>
   <div class="form-row">
+    <div class="col">
+      <label for="quantidade_item${itemCounter}">Quantidade:</label>
+      <input type="number" id="quantidade_item${itemCounter}" class="form-control">
+    </div>
     <div class="col">
       <label for="altura_item${itemCounter}">Altura (cm):</label>
       <input type="number" id="altura_item${itemCounter}" class="form-control">
@@ -47,12 +51,14 @@ function calcular() {
     var volumeItens = 0;
     var pesoItens = 0;
     for (var i = 1; i <= itemCounter; i++) {
+        var quantidadeItem = parseInt(document.getElementById('quantidade_item' + i).value);
         var alturaItem = parseFloat(document.getElementById('altura_item' + i).value);
         var larguraItem = parseFloat(document.getElementById('largura_item' + i).value);
         var comprimentoItem = parseFloat(document.getElementById('comprimento_item' + i).value);
         var pesoItem = parseFloat(document.getElementById('peso_item' + i).value);
-        volumeItens += alturaItem * larguraItem * comprimentoItem;
-        pesoItens += pesoItem;
+
+        volumeItens += (alturaItem * larguraItem * comprimentoItem) * quantidadeItem;
+        pesoItens += pesoItem * quantidadeItem;
     }
 
     if (volumeItens > volumePacote) {
@@ -66,14 +72,15 @@ function calcular() {
     }
 
     for (var i = 1; i <= itemCounter; i++) {
+        var quantidadeItem = parseInt(document.getElementById('quantidade_item' + i).value);
         var alturaItem = parseFloat(document.getElementById('altura_item' + i).value);
         var larguraItem = parseFloat(document.getElementById('largura_item' + i).value);
         var comprimentoItem = parseFloat(document.getElementById('comprimento_item' + i).value);
         var pesoItem = parseFloat(document.getElementById('peso_item' + i).value);
 
-        var volumeItem = alturaItem * larguraItem * comprimentoItem;
+        var volumeItem = alturaItem * larguraItem * comprimentoItem * quantidadeItem;
         var proporcaoCubagemItem = volumeItem / volumeItens;
-        var proporcaoPesoItem = pesoItem / pesoItens;
+        var proporcaoPesoItem = pesoItem * quantidadeItem / pesoItens;
 
         var freteItem = (proporcaoCubagemItem * volumePacote + proporcaoPesoItem * pesoPacote) / (volumePacote + pesoPacote) * valorPacote;