complete work of prim-bank

nasim354 · Feb 6, 2024 · 86fc8fb · 86fc8fb
1 parent cbce46c
commit 86fc8fb
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -51,7 +51,7 @@ <h1 class ="color" >$ <span id="total">1200</span></h1>
             <div class="col-md-6">
                 <div class="SignUp">
                     <h2 class="text-center">Deposit</h2> <br>
-                    <input id="Amount" class="form-control" type="text" placeholder="$ Amount add deposit"> <br>
+                    <input id="addAmount" class="form-control" type="text" placeholder="$ Amount add deposit"> <br>
                     <button id="addDeposit" class="btn btn-primary">Deposit</button>
                 </div>
             </div>

diff --git a/javaScript.js b/javaScript.js
@@ -6,30 +6,39 @@
     const nextItem = document.getElementById("Next-Area");
          nextItem.style.display = "block";
         })
-    // next healer
+    // Deposit handler.
     const  deposit = document.getElementById("addDeposit");
         deposit.addEventListener("click", function(){
-            const amountA =document.getElementById("Amount").value;
+            const amountA =document.getElementById("addAmount").value;
             const amountNumber = parseFloat(amountA);
-            const currentB = document.getElementById("current").innerText;
-            const currentNumber =parseFloat(currentB);
-            const totalNumber = amountNumber + currentNumber;
-            document.getElementById("current").innerText = totalNumber;
+            updateText("current",amountNumber)
+            updateText("total", amountNumber);
+
 
-            const total = document.getElementById("total").innerText;
+            document.getElementById("addAmount").value = "";
+
+        })
+        function updateText(id, amountNumber){
+            const total = document.getElementById(id).innerText;
             const totalBalance = parseFloat(total);
             const mainBalance = amountNumber + totalBalance;
-            document.getElementById("total").innerText = mainBalance ;
+            document.getElementById(id).innerText = mainBalance ;
+        }
 
-            document.getElementById("Amount").value = "";
+        //withdraw handler
+    const addWithdraw = document.getElementById("addWithdraw");
+            addWithdraw.addEventListener("click", function(){
+               const disNumber = document.getElementById("disAmount").value;
+                const disNumberBalance = parseFloat(disNumber);
+               updateText("current1", disNumberBalance);
+               updateText("total", -1* disNumberBalance);
+                document.getElementById("disAmount").value = "";
+            })
 
-        })
-        const addWithdraw = document.getElementById("addWithdraw");
-            addWithdraw.addEventListener("click",function(){
-                const disAmount = document.getElementById("disAmount").value;
-                const disBalance = parseFloat(disAmount);
-                const disValue = totalBalance - disBalance;
-                document.getElementById("disAmount").value = disValue;
+        function getInputNumber(id){
+            const disAmount = document.getElementById(id).value;
+            const disBalance = parseFloat(disAmount);
+            return disNumber;
+        }
 
-                document.getElementById("disAmount").value = "";
-            })
+
diff --git a/style.css b/style.css
@@ -6,7 +6,6 @@ body{
     margin-top: 50px;
     box-shadow: 10px 10px 30px gray;
     border-radius:10px;
-    /* background-color: rgba(243, 225, 194,.2); */
 
 }
 span{