From ebec770cd9c32ff5eee676070ce890cb25f626e1 Mon Sep 17 00:00:00 2001
From: G-Dinusha <dinushag997@gmail.com>
Date: Sat, 19 Oct 2024 10:36:25 +0530
Subject: [PATCH] Update AgeCalulator.html

---
 Basic Calculator/AgeCalulator.html | 96 ++++++------------------------
 1 file changed, 18 insertions(+), 78 deletions(-)
diff --git a/Basic Calculator/AgeCalulator.html b/Basic Calculator/AgeCalulator.html
index 8d3782f99..45b0a4b80 100644
--- a/Basic Calculator/AgeCalulator.html	
+++ b/Basic Calculator/AgeCalulator.html	
@@ -2,20 +2,22 @@
 <html lang="en" dir="ltr">
 
 <head>
-   <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="utf-8">
     <title>AGE CAL</title>
     <style>
-        body{
-            font-family: arial;
+        body {
+            font-family: Arial, sans-serif;
             box-sizing: border-box;
         }
-        input{
+
+        input {
             font-size: 20px;
             width: 100%;
         }
-        #input{
-            border: 1px solid #cdcdcd;;
+
+        #input {
+            border: 1px solid #cdcdcd;
             border-radius: 5px;
             background-color: #f6f6f6;
             padding: 20px;
@@ -23,7 +25,8 @@
             font-size: 14px;
             font-weight: bold;
         }
-        button{
+
+        button {
             color: white;
             text-align: center;
             background-color: #428bca;
@@ -35,23 +38,23 @@
             border-radius: 4px;
             margin: 0px;
         }
-        button:hover{
+
+        button:hover {
             background-color: #4382B7;
             cursor: pointer;
         }
-        #bottom{
+
+        #bottom {
             display: none;
-            border: 1px solid #cdcdcd;;
+            border: 1px solid #cdcdcd;
             border-radius: 5px;
             background-color: #f6f6f6;
             padding: 20px;
         }
-        span{
+
+        span {
             font-weight: bold;
         }
-        p{
-            
-        }        
     </style>
 </head>
 <body>
@@ -62,67 +65,4 @@ <h1>AGE CALCULATOR</h1>
             <input type="date" name="dob" id="dob" value="1970-01-01"/><br/><br />
             <label for="bd">Age At Date:</label><br/>
             <input type="date" name="bd" id="bd" /><br/><br />
-            <button type="button" onclick="cal()">Calculate</button>
-        </form>
-    </div >
-    <div id="bottom">
-     
-       <span>Age:</span>
-        <p id="age"></p><br/>
-        <span>Age In Months:</span>
-        <p id="months"></p><br/>
-        <span>Age In Weeks:</span>
-        <p id="weeks"></p><br/>
-        <span>Age In Days:</span>
-        <p id="days"></p><br/>
-        <span>Age In Hours:</span>
-        <p id="hours"></p><br/>
-        <span>Age In Minutes:</span>
-        <p id="minutes"></p><br/>
-        <span>Age In Seconds:</span>
-        <p id="seconds"></p><br/>
-       
-    </div>
-</body>
-    <script>
-        var e = new Date();
-        var o = e.toISOString();
-        var t = o.split("T")
-       document.getElementById('bd').value = t[0];
-        function cal(){
-             if(dob.value == ""){
-            alert("Please Input Date Of Birth");
-            }
-            else if(dob.value>bd.value){
-                alert("Invalid Input");
-            }
-            else{
-            document.getElementById('bottom').style.display = "block";
-            var a = new Date(bd.value);
-            var b = new Date(dob.value);
-            var r = a.getTime() - b.getTime();
-            var u = new Date(r);
-            var v = new Date(0);
-            var year = u.getFullYear() - v.getFullYear();
-            var month = u.getMonth() - v.getMonth();
-            var day = u.getDate() - v.getDate();
-            //month = Math.abs(month);
-            //day = Math.abs(day);
-            document.getElementById('age').innerHTML = year +" Years ," +month + " Months ,"  +  day + " Days .";
-            var m = (year*12)+month
-           document.getElementById('months').innerHTML = m + " Months, " + day + " Days .";
-            var w = (m*4.345);
-            w = Math.round(w);
-            document.getElementById('weeks').innerHTML = w + " Weeks, " + day + " Days ."
-            var d = (w*7) + day;
-            document.getElementById('days').innerHTML = d + " Days."
-            var h = d*24;
-            document.getElementById('hours').innerHTML = h + " Hours."
-            var mi = h*60;
-            document.getElementById('minutes').innerHTML = mi + " Minutes."
-            var s = mi*60;
-            document.getElementById('seconds').innerHTML = s + " Seconds."
-            }
-        }
-    </script>
-</html>
+            <button type="button" onclick="cal()">Calculate</butto
