From 62f02532001b3bf3c3d399ffa738bb3ec8ba393e Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Mon, 25 Nov 2024 10:01:41 +0530
Subject: [PATCH] Fixed FD Calculator: resolved non-functional button issue

---
 tools/FDCalculator.js |  4 ++--
 tools/sip.html        | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/tools/FDCalculator.js b/tools/FDCalculator.js
index 7521f1d1..da917024 100644
--- a/tools/FDCalculator.js
+++ b/tools/FDCalculator.js
@@ -1,5 +1,5 @@
 document.addEventListener('DOMContentLoaded', function() {
-    document.getElementById('calculateBtn2').addEventListener('click', function() {
+    document.getElementById('calculatefd').addEventListener('click', function() {
         const principal = parseFloat(document.getElementById('principal').value);
         const rate = parseFloat(document.getElementById('rate').value);
         const years = parseInt(document.getElementById('years1').value);
@@ -25,7 +25,7 @@ document.addEventListener('DOMContentLoaded', function() {
         document.getElementById('maturityAmount').textContent = formatter.format(maturityAmount);
     });
 
-    document.getElementById('clearBtn1').addEventListener('click', function() {
+    document.getElementById('clearfd').addEventListener('click', function() {
         clearInputs();
     });
 
diff --git a/tools/sip.html b/tools/sip.html
index a015aa2e..406ce9ba 100644
--- a/tools/sip.html
+++ b/tools/sip.html
@@ -2334,23 +2334,25 @@ <h5>Result:</h5>
           <form id="fixed-deposit-calculator"
             style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
             <fieldset>
+              <legend>Fixed Deposit Calculator</legend>
               <div class="form-group">
                 <label for="principal">Principal Amount (₹):</label>
                 <input type="number" id="principal" placeholder="Enter Principal Amount" required>
+                <div id="principalError" class="error-message"></div>
               </div>
               <div class="form-group">
                 <label for="rate">Annual Interest Rate (%):</label>
                 <input type="number" id="rate" step="0.01" placeholder="Enter Annual Interest Rate" required>
+                <div id="rateError" class="error-message"></div>
               </div>
               <div class="form-group">
                 <label for="years">Time Period (in years):</label>
                 <input type="number" id="years1" placeholder="Enter Time Period" required>
+                <div id="yearsError" class="error-message"></div>
               </div>
               <div class="btn-calculate">
-                <button id="calculateBtn2" type="button" class="btn btn-calculate">Calculate</button>
-                <button id="clearBtn1" type="button" class="btn btn-clear">
-                  <p class="btn-text">Clear</p>
-                </button>
+                <button id="calculatefd" type="button" class="btn btn-calculate">Calculate</button>
+                <button id="clearfd" type="button" class="btn btn-clear"> Clear </button>
               </div>
             </fieldset>
           </form>