{"id":4022,"date":"2025-07-31T10:34:12","date_gmt":"2025-07-31T10:34:12","guid":{"rendered":"https:\/\/thedigitalbloggerr.com\/?page_id=4022"},"modified":"2025-08-14T12:17:12","modified_gmt":"2025-08-14T12:17:12","slug":"age-cocoletar","status":"publish","type":"page","link":"https:\/\/thedigitalbloggerr.com\/hi\/age-cocoletar\/","title":{"rendered":"Age Calculator"},"content":{"rendered":"<div style=\"text-align:center\"><\/div>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4022\" class=\"elementor elementor-4022\">\n\t\t\t\t<div class=\"elementor-element elementor-element-448e654 e-flex e-con-boxed e-con e-parent\" data-id=\"448e654\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e1e730 elementor-widget elementor-widget-html\" data-id=\"6e1e730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Age Calculator Start -->\n<div class=\"age-calculator-container\">\n  <h2><i class=\"fas fa-birthday-cake\"><\/i> Age Calculator<\/h2>\n\n  <label>Select Your Date & Time of Birth:<\/label>\n  <input type=\"datetime-local\" id=\"dob\" placeholder=\"YYYY-MM-DDThh:mm\" required>\n\n  <button onclick=\"calculateAge()\">Calculate Age<\/button>\n\n  <div id=\"age_results\">\n    <p><strong>Your Age:<\/strong><\/p>\n    <p id=\"age_display\">- Years, - Months, - Days, - Hours, - Minutes, - Seconds<\/p>\n  <\/div>\n<\/div>\n\n<!-- Age Calculator Script -->\n<script>\nfunction calculateAge() {\n    var dobInput = document.getElementById('dob').value;\n    if(!dobInput){\n        alert(\"Please select your Date & Time of Birth.\");\n        return;\n    }\n\n    var dob = new Date(dobInput);\n    var now = new Date();\n    var diff = now - dob;\n\n    var seconds = Math.floor(diff \/ 1000);\n    var minutes = Math.floor(seconds \/ 60);\n    var hours = Math.floor(minutes \/ 60);\n    var days = Math.floor(hours \/ 24);\n    var months = Math.floor(days \/ 30.44); \/\/ average month\n    var years = Math.floor(months \/ 12);\n\n    months = months % 12;\n    days = days % 30;\n    hours = hours % 24;\n    minutes = minutes % 60;\n    seconds = seconds % 60;\n\n    document.getElementById('age_display').innerText =\n      years + \" Years, \" + months + \" Months, \" + days + \" Days, \" +\n      hours + \" Hours, \" + minutes + \" Minutes, \" + seconds + \" Seconds\";\n}\n<\/script>\n\n<!-- Age Calculator CSS -->\n<style>\n.age-calculator-container {\n  max-width: 500px;\n  margin: 20px auto;\n  padding: 20px;\n  border: 2px solid #ff5722;\n  border-radius: 10px;\n  background-color: #fff3e0;\n  font-family: Arial, sans-serif;\n}\n\n.age-calculator-container h2 {\n  text-align: center;\n  margin-bottom: 20px;\n  color: #ff5722;\n}\n\n.age-calculator-container label {\n  display: block;\n  margin-top: 10px;\n  font-weight: bold;\n}\n\n.age-calculator-container input {\n  width: 100%;\n  padding: 8px;\n  margin-top: 5px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n}\n\n.age-calculator-container button {\n  margin-top: 15px;\n  width: 100%;\n  padding: 10px;\n  background-color: #ff5722;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.age-calculator-container button:hover {\n  background-color: #e64a19;\n}\n\n#age_results {\n  margin-top: 20px;\n  background-color: #ffe0b2;\n  padding: 15px;\n  border-radius: 5px;\n  text-align: center;\n}\n\n#age_results p {\n  margin: 5px 0;\n  font-weight: bold;\n}\n<\/style>\n<!-- Age Calculator End -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Age Calculator Select Your Date &#038; Time of Birth: Calculate Age Your Age: &#8211; Years, &#8211; Months, &#8211;<\/p>","protected":false},"author":1,"featured_media":5208,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowz5S9DA:productID":"","footnotes":""},"class_list":["post-4022","page","type-page","status-publish","has-post-thumbnail","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/pages\/4022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/comments?post=4022"}],"version-history":[{"count":18,"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/pages\/4022\/revisions"}],"predecessor-version":[{"id":5466,"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/pages\/4022\/revisions\/5466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/thedigitalbloggerr.com\/hi\/wp-json\/wp\/v2\/media?parent=4022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}