kalkulasi jumlah darah

index.php

@@ -352,7 +352,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
                 </div>
                 <div class="col-md-4">
                     <div class="input-group">
-                        <input class="form-control" type="text" name="sum_darah" disabled>
+                        <input class="form-control" type="number" name="sum_darah" disabled>
                         <span class="input-group-text">cc</span>
                     </div>
                 </div>
@@ -630,11 +630,29 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
 
         /* darah */
 
+        function sumDarah() {
+
+            let inputs = document.querySelectorAll('input[name="jumlah_darah[]"]')
+            let total = 0
+
+            inputs.forEach(input => {
+                let val = parseFloat(input.value)
+                if (!isNaN(val)) {
+                    total += val
+                }
+            })
+
+            document.querySelector('input[name="sum_darah"]').value = total
+        }
+
         document.addEventListener("click", e => {
 
             if (e.target.classList.contains("addDarah")) {
 
                 let row = document.querySelector(".darahRow").cloneNode(true)
+
+                row.querySelector('input[name="jumlah_darah[]"]').value = ""
+
                 document.getElementById("darahContainer").appendChild(row)
 
             }
@@ -645,12 +663,21 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
 
                 if (rows.length > 1) {
                     e.target.closest(".darahRow").remove()
+                    sumDarah()
                 }
 
             }
 
         })
 
+        document.addEventListener("input", function(e) {
+
+            if (e.target.name === "jumlah_darah[]") {
+                sumDarah()
+            }
+
+        })
+
         /* specimen */
 
         document.addEventListener("click", e => {