agecalculatorhub.com Ads.txt file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="manifest" href="/site.webmanifest">
<title>
Age Calculator | How old am I? | DOB Calculator </title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
:root {
--orange: #ff941f;
}
.navbar-brand {
font-size: 24px;
padding-left: 22px;
font-weight: 600;
}
.navbar {
font-size: 18px;
font-weight: 500;
}
.nav-item {
font-size: 18px;
font-weight: 500;
}
.center {
text-align: center;
}
.InputDate {
border: 2px solid black;
border-radius: 8px;
padding: 5px;
text-align: center;
font-size: 18px;
width: 35%;
}
th,
td {
padding: 5px;
text-align: center;
width: 50%;
font-size: 19px;
}
thead {
text-align: center;
font-weight: 700;
font-size: 19px;
}
td {
line-height: 2;
font-weight: 700;
font-size: 17px;
}
.ResultTableValue {
background-color: #d4f4ff !important;
}
th:first-child {
position: sticky;
left: 0px;
background-color: #f3f8fe;
}
.MainBox {
padding: 55px;
border: 2px solid black;
border-radius: 20px;
background: #f8f7ff;
}
.CalculateBtn {
width: 35%;
padding: 5px;
margin: 2px;
border: 2px solid #0BA5EC;
border-radius: 6px;
background: #0BA5EC;
color: white;
text-align: center;
font-size: 20px;
font-weight: 600;
}
.CalculateBtn:active {
background: #ff941f !important;
border: 2px solid #ff941f !important;
}
.CalculateBtn:hover {
background: #ff941f !important;
border: 2px solid #ff941fed !important;
}
#SideBarId a:hover {
color: #ff941f !important;
border: 2px solid #ff941fed !important;
border-radius: 5px;
padding: 5px;
}
#SideBarId,
#LoopSelectYear a {
text-decoration: none;
}
#LoopSelectYear a {
text-decoration: none;
color: #ff941f !important;
border: 2px solid #ff941fed !important;
border-radius: 5px;
display: inline-block;
text-align: center;
padding: 5px;
}
#LoopSelectYear a:hover {
color: white !important;
border: 2px solid #ff941fed !important;
border-radius: 5px;
padding: 5px;
background-color: var(--orange);
}
.LiveDta {
justify-content: center;
border: 2px solid;
padding: 5px;
border-radius: 15px;
width: 48%;
margin: 5px;
}
.LiveDta p {
font-size: 20px;
font-weight: 700;
color: var(--orange);
}
.TableHeading {
text-align: center;
font-weight: bold;
color: var(--orange);
}
.sidebarFont {
font-size: 18px;
justify-content: center;
}
#BottomSearchContainer {
display: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: var(--orange);
background: white;
width: 35px;
text-align: center;
border-radius: 3px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid var(--orange) !important;
background: var(--orange) !important;
font-weight: normal !important;
color: #ffffff !important;
}
.selectYearHeading {
text-align: center;
margin-bottom: 13px;
font-size: 26px;
font-weight: 700;
border: 2px solid;
border-radius: 11px;
padding: 5px;
}
#sidebarMenu {
border: 2px solid var(--orange) !important;
border-radius: 2px;
}
@media only screen and (max-width: 600px) {
.InputDate {
border: 2px solid black;
border-radius: 8px;
padding: 5px;
text-align: center;
font-size: 18px;
width: 100%;
}
.CalculateBtn {
width: 100%;
}
#SideBarId {
display: none;
}
.LiveDta {
justify-content: center;
border: 2px solid;
padding: 5px;
border-radius: 15px;
width: 100%;
margin: 5px;
}
#BottomSearch {
display: block;
width: 100%;
}
#BottomSearchContainer {
display: none;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
font-size: 18px;
vertical-align: middle;
text-align: center;
margin-top: 13px;
}
.MainBox {
padding: 36px;
border-radius: 15px;
}
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 170px !important;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
width: 170px !important;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9R327ZJL13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9R327ZJL13');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5107890293047373"
crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg bg-body-tertiary rounded" aria-label="Eleventh navbar example">
<div class="container-fluid">
<a class="navbar-brand" href="/">Age Calculator Hub</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample09"
aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample09">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a href="/" class="nav-link" aria-current="page">Home</a></li>
<li class="nav-item"><a href="/birthdays" class="nav-link ">Celebrity Birthday</a></li>
<li class="nav-item"><a href="/year" class="nav-link ">How old am I?</a></li>
</ul>
<div>
<select name="" id="SearchBox">
<option value="0" disabled selected>Search Famous People</option>
</select>
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="sidebar border border-right col-md-3 mt-5 col-lg-3 p-0 bg-body-tertiary" id="SideBarId"
style="height: 1070px;">
<div class="offcanvas-md offcanvas-end bg-body-tertiary" tabindex="-1" id="sidebarMenu"
aria-labelledby="sidebarMenuLabel">
<div class="offcanvas-body d-md-flex flex-column p-0 pt-lg-3 overflow-y-auto"
style="height: 1070px;">
<ul class="nav flex-column" id="SideBarContainer">
</ul>
</div>
</div>
</div>
<main class="col-md-9 ms-sm-auto col-lg-9 px-md-4">
<!-- Ad Code -->
<div class="container mt-3" style="text-align: center; border-radius: 8px;">
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5107890293047373"
crossorigin="anonymous"></script>
<!-- Display Ad responsive -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5107890293047373"
data-ad-slot="1785814606" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="px-4 py-3 text-center container">
<h1 class="display-5 fw-bold text-body-emphasis">Age Calculator</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">This Age Calculator tool will help you to calculate your age and let you
know how old
you are now in years, months, weeks, days, hours, minutes and seconds.</p>
</div>
<div class="MainBox">
<div>
<h5 class="mb-0 fw-bold">Date Of Birth (DD-MM-YYYY)*</h5>
<input type="text" class="mt-2 InputDate" id="DOB" placeholder="DD-MM-YYYY" readonly>
</div>
<div class="mt-3">
<h5 class="mb-0 fw-bold">Age From Date (DD-MM-YYYY)</h5>
<input type="text" class="mt-2 InputDate" id="AgeFromDate" readonly>
</div>
<div class="mt-4">
<div class="center">
<button class="btn btn-outline-primary CalculateBtn"
onclick="Calculate()">Calculate</button>
</div>
</div>
</div>
</div>
<!-- Ad Code -->
<div class="container mt-3" style="text-align: center; border-radius: 8px;">
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5107890293047373"
crossorigin="anonymous"></script>
<!-- Display Ad responsive -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5107890293047373"
data-ad-slot="1785814606" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="container">
<h3 class="selectYearHeading mt-3">Select Year</h3>
<div class="row" id="LoopSelectYear">
</div>
</div>
<div class="container" id="BottomSearchContainer">
<select id="BottomSearch">
<option value="null">Search Your Birth Year</option>
</select>
</div>
<!-- Ad Code -->
<div class="container mt-3" style="text-align: center; border-radius: 8px;">
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5107890293047373"
crossorigin="anonymous"></script>
<!-- Display Ad responsive -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5107890293047373"
data-ad-slot="1785814606" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</main>
</div>
</div>
<!-- Footer -->
<div class="container">
<footer class="py-3 my-4">
<div class="border-bottom">
</div>
<div class="container mt-5">
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Welcome to our Age Calculator, the ultimate tool that simplifies
age-related calculations and provides you with a variety of age formats, including Age in
months, Age in weeks, Age in days, Next B'Day in Roman Numerals, Zodiac Sign, and more.
Whether you're curious about your age in different units or need to plan a birthday
surprise, our Age Calculator has you covered. In this article, we'll explore the advantages
of our age calculator and guide you on how to use it effortlessly.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:27px;">Advantages of Our Age Calculator</span></strong>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Age in Months:</span></strong><span
style="font-size:19px;"> Our age calculator allows you to see your age in months, which is
perfect for tracking the progress of infants or for those who want to delve into their age in
more detail.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Age in Weeks:</span></strong><span
style="font-size:19px;"> Discover your age in weeks to get a different perspective on the
passage of time. This feature is great for parents keeping track of their baby's
development or anyone looking for a unique age measurement.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Age in Days: </span></strong><span
style="font-size:19px;">Find out how many days you've been on this planet. It's a fun
and insightful way to understand the magnitude of your life's journey.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Next B'Day in Roman Numerals:</span></strong><span
style="font-size:19px;"> Looking for an interesting way to celebrate your next birthday?
Our calculator provides your upcoming birthday in Roman numerals, adding a unique touch to your
special day.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Zodiac Sign:</span></strong><span
style="font-size:19px;"> Learn about your Zodiac sign based on your date of birth. Discover
the personality traits associated with your sign and explore the world of astrology.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:27px;">How to Use Our Age Calculator</span></strong>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Using our Age Calculator is a breeze. Here's a simple step-by-step
guide:</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Navigate to Our Age Calculator Website:</span></strong><span
style="font-size:19px;"> Visit our website agecalculatorhub.com and locate the Age
Calculator on the homepage.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Enter Your Date of Birth:</span></strong><span
style="font-size:19px;"> In the input field provided, enter your date of birth. This
typically involves entering the day, month, and year of your birth.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Click on the Age Calculator Button:</span></strong><span
style="font-size:19px;"> Once you've input your date of birth, click the
"Calculate" or "Get Age" button. Our calculator will instantly process the
information.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Explore Your Age in Multiple Formats:</span></strong><span
style="font-size:19px;"> You'll receive a comprehensive age result that includes your
age in years, months, weeks, days, hours, and even seconds from the day you were born. Take your
time to explore the various formats and discover fascinating insights about your age.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Advantages of Our Age Calculator</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:27px;">Use Case of our Age Calculator</span></strong>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Parents and Newborns</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">New parents can calculate their child's age in weeks and days to
closely monitor their development and celebrate each milestone.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Birthday Surprises</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Event planners and friends can use this feature to add a unique and
memorable touch to birthday celebrations by displaying the upcoming age in Roman numerals on
decorations and cakes.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Astrology Enthusiasts</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Astrology enthusiasts can determine their Zodiac sign effortlessly,
gaining insights into their personality traits and horoscope readings.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Curious Minds</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Those with a curiosity for numbers and a desire to see their age in
diverse units can satisfy their mathematical interest and learn how time is measured.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Retirement Planning</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">One of the most significant life events that require careful
consideration of age is retirement. Our Age Calculator is a valuable tool for retirement
planning, providing an accurate assessment of when you'll reach your retirement age. To use
the calculator for retirement planning, follow these steps:</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;">Step 1- Input Your Date of Birth:</span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<span style="font-size:19px;">Enter your date of birth in the calculator, ensuring that you provide
the correct day, month, and year.</span>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;">Step 2 - Determine Your Retirement Age:</span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<span style="font-size:19px;">if you have a specific retirement age in mind, you can input it as the
reference date. The calculator will display the remaining years, months, weeks, and days until
your retirement.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Assess Your Financial Goals:</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">With the precise retirement age information, you can make informed
decisions about your retirement savings, investments, and financial planning.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Milestone Celebrations</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Whether it's a wedding anniversary, a work anniversary, or a
significant personal achievement, our Age Calculator can help you celebrate milestones with
precision. Here's how to use it for milestone celebrations:</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;">Step 1 - Input Your Date of Birth:</span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<span style="font-size:19px;">Enter your date of birth in the calculator.</span>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;">Step 2 - Select the Reference Date:</span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<span style="font-size:19px;">Choose the date you want to calculate your age for, such as the date
of your wedding anniversary or the anniversary of an important achievement.</span>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<strong><span style="font-size:21px;">Step 3 - Plan Your Celebration:</span></strong>
</p>
<p
style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";margin-left:36.0pt;'>
<span style="font-size:19px;">With the accurate age calculation, you can plan a memorable
celebration, knowing exactly how long you've been together or how far you've come in
your personal journey.</span>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;"> </span></strong>
</p>
<div style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<ol style="margin-bottom:0cm;list-style-type: disc;">
<li style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:21px;">Use Case: Educational Insights</span></strong>
</li>
</ol>
</div>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Students and educators can use our Age Calculator to enhance learning
experiences. For example, teachers can introduce students to the concept of time measurement and
numeracy using the calculator. Students can calculate their ages in various units and explore
the relationship between days, weeks, months, and years. This interactive approach can make
learning fun and engaging.</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:27px;">The Final Words</span></strong>
</p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;">Our Age Calculator is a versatile and user-friendly tool that offers a
wide range of advantages, from displaying your age in unique formats</span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'><span
style="font-size:19px;"> </span></p>
<p style='margin:0cm;margin-bottom:.0001pt;font-size:16px;font-family:"Calibri","sans-serif";'>
<strong><span style="font-size:24px;"> </span></strong>
</p>
</div>
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="/" class="nav-link px-2 text-body-secondary">Home</a></li>
<li class="nav-item"><a href="/about" class="nav-link px-2 text-body-secondary">About</a></li>
<li class="nav-item"><a href="/contact" class="nav-link px-2 text-body-secondary">Contact</a></li>
<li class="nav-item"><a href="/privacy-policy" class="nav-link px-2 text-body-secondary">Privacy
Policy</a></li>
<li class="nav-item"><a href="/terms" class="nav-link px-2 text-body-secondary">Terms Of Use</a></li>
</ul>
<p class="text-center text-body-secondary" style="font-size: 20px;
font-weight: 800;" id="FooterYear">
<script>document.getElementById("FooterYear").innerText =`© ${new Date().getFullYear()} Age Calculator Hub` ;
</script>
</p>
</footer>
</div>
<!-- Sticky Ad -->
<div id='fixedban'
style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;transform:translateZ(0);'>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5107890293047373"
crossorigin="anonymous"></script>
<!-- sticky -->
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5107890293047373" data-ad-slot="1861344566"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
Auto()
function Auto() {
$("#DOB").datepicker({
dateFormat: 'dd-mm-yy',
defaultDate: new Date("01-01-2000"),
changeMonth: true,
changeYear: true,
yearRange: "-100:+0"
});
$("#AgeFromDate").datepicker({
dateFormat: 'dd-mm-yy',
date: new Date(),
changeMonth: true,
changeYear: true,
yearRange: "-100:+0"
});
let Now = new Date()
document.getElementById("AgeFromDate").value = `${Now.getDate()}-${Now.getMonth() + 1}-${Now.getFullYear()}`
SideBar()
SelectYear()
createBottomSearch()
CreateOptionsForSearchFeature()
}
function Calculate() {
let dob = document.getElementById("DOB").value
let AgeFromDate = document.getElementById("AgeFromDate").value
if (!dob || !AgeFromDate) {
return alert("Please Fill the required dates")
}
sessionStorage.setItem("DOB", dob)
sessionStorage.setItem("AgeFromDate", AgeFromDate)
window.location.href = "./result"
}
function Result() {
let dob = document.getElementById("DOB").value
let AgeFromDate = document.getElementById("AgeFromDate").value
dob = CovertFormat(dob)
AgeFromDate = CovertFormat(AgeFromDate)
const m = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
const weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
let DOB = new Date(dob)
let DOBResult = `${DOB.getDate()} ${m[DOB.getMonth()]} ${DOB.getFullYear()}, ${weekday[DOB.getDay()]}`
let DOBForQnA = `${DOB.getDate()} ${m[DOB.getMonth()]} ${DOB.getFullYear()}`
let ResultAgeFrom = new Date(AgeFromDate)
let ResultAgeFromField = `${ResultAgeFrom.getDate()} ${m[ResultAgeFrom.getMonth()]} ${ResultAgeFrom.getFullYear()}, ${weekday[ResultAgeFrom.getDay()]}`
let AgeData = ageCalculator(dob, AgeFromDate)
let Age = `${AgeData.year} years, ${AgeData.month} Months, ${AgeData.day} Days`
let BirdthdayWeekDay = weekday[DOB.getDay()]
let AgeInMonths = `${(AgeData.year * 12) + AgeData.month} months, ${AgeData.day} Days`
let AgeinHours = getHoursDiffBetweenDates(DOB, ResultAgeFrom)
let AgeInHoursResult = `${AgeinHours} hours`
let AgeInWeeks = convertDaysToWeeks(AgeinHours / 24)
let AgeInDays = `${AgeinHours / 24} Days`
let AgeInMinutes = `${AgeinHours * 60} Minutes`
let AgeInSeconds = `${AgeinHours * 60 * 60} Seconds`
let NextBDay = DOB
NextBDay.setFullYear(ResultAgeFrom.getFullYear() + 1);
NextBDayLive(NextBDay)
NextBDay = ageCalculator(AgeFromDate, NextBDay)
let NextBDayResult = `${NextBDay.month} Months, ${NextBDay.day} Days`
DOB = new Date(dob)
let DOBInRoman = `${romanize(DOB.getDate())} - ${romanize(DOB.getMonth() + 1)} - ${romanize(DOB.getFullYear())} (${DOB.getDate()} ${m[DOB.getMonth()]} ${DOB.getFullYear()})`
let ZodicSign = zodiac(DOB.getMonth() + 1, DOB.getDate())
let IsLeapYear = isLeapYear(DOB.getFullYear())
// Intresting Facts About You
let breaths = `${2700 * AgeinHours} times`
let heartBeat = `${4320 * AgeinHours} times`
let Smiled = `${15.5 * AgeinHours / 24} times`
let Sleep = `${8.5 * AgeinHours / 24} hours`
let Eaten = 2.2 * AgeinHours / 24
Eaten = Math.round(Eaten)
Eaten = `${Eaten} kg`
LiveAge(dob, AgeData.month, AgeData.day)
document.querySelectorAll(".ResultTableValue")[0].innerHTML = DOBResult
document.querySelectorAll(".ResultTableValue")[1].innerHTML = ResultAgeFromField
document.querySelectorAll(".ResultTableValue")[2].innerHTML = Age
document.querySelectorAll(".ResultTableValue")[3].innerHTML = BirdthdayWeekDay
document.querySelectorAll(".ResultTableValue")[4].innerHTML = AgeInMonths
document.querySelectorAll(".ResultTableValue")[5].innerHTML = AgeInWeeks
document.querySelectorAll(".ResultTableValue")[6].innerHTML = AgeInDays
document.querySelectorAll(".ResultTableValue")[7].innerHTML = AgeInHoursResult
document.querySelectorAll(".ResultTableValue")[8].innerHTML = AgeInMinutes
document.querySelectorAll(".ResultTableValue")[9].innerHTML = AgeInSeconds
document.querySelectorAll(".ResultTableValue")[10].innerHTML = NextBDayResult
document.querySelectorAll(".ResultTableValue")[11].innerHTML = DOBInRoman
document.querySelectorAll(".ResultTableValue")[12].innerHTML = ZodicSign
document.querySelectorAll(".ResultTableValue")[13].innerHTML = IsLeapYear
document.querySelectorAll(".ResultTableValue")[14].innerHTML = breaths
document.querySelectorAll(".ResultTableValue")[15].innerHTML = heartBeat
document.querySelectorAll(".ResultTableValue")[16].innerHTML = Smiled
document.querySelectorAll(".ResultTableValue")[17].innerHTML = Sleep
document.querySelectorAll(".ResultTableValue")[18].innerHTML = Eaten
BottomQnA(DOBForQnA, DOBInRoman, ZodicSign, BirdthdayWeekDay, AgeInDays, AgeInWeeks)
}
let Pre = null
let Bday = null
function LiveAge(dob, month, day) {
var birthDate = new Date(dob);
var today = new Date();
var bdInMilis = birthDate.getTime();
var todayInMilis = today.getTime();
var timeAlive = todayInMilis - bdInMilis;
timeAlive = timeAlive / 1000;
var numyears = Math.floor(timeAlive / 31536000);
var numdays = Math.floor((timeAlive % 31536000) / 86400);
var numhours = Math.floor(((timeAlive % 31536000) % 86400) / 3600);
var numminutes = Math.floor((((timeAlive % 31536000) % 86400) % 3600) / 60);
var numseconds = Math.floor((((timeAlive % 31536000) % 86400) % 3600) % 60);
let age = `${numyears} Years, ${month} Months, ${day} Days , ${numhours}h : ${numminutes}m : ${numseconds}s`
document.getElementById("LiveAgeId").innerHTML = age
try {
clearInterval(Pre)
} catch (error) {
}
Pre = setInterval(function () {
var today = new Date();
var bdInMilis = birthDate.getTime();
var todayInMilis = today.getTime();
var timeAlive = todayInMilis - bdInMilis;
timeAlive = timeAlive / 1000;
var numyears = Math.floor(timeAlive / 31536000);
var numdays = Math.floor((timeAlive % 31536000) / 86400);
var numhours = Math.floor(((timeAlive % 31536000) % 86400) / 3600);
var numminutes = Math.floor((((timeAlive % 31536000) % 86400) % 3600) / 60);
var numseconds = Math.floor((((timeAlive % 31536000) % 86400) % 3600) % 60);
let age = `${numyears} Years, ${month} Months, ${day} Days , ${numhours}h : ${numminutes}m : ${numseconds}s`
document.getElementById("LiveAgeId").innerHTML = age
}, 1000);
}
function NextBDayLive(endtime) {
let currentDate = new Date()
endtime.setFullYear(endtime.getFullYear() - 1);
if (endtime < currentDate) {
endtime.setFullYear(endtime.getFullYear() + 1);
}
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
let age = `${days} Days, ${hours}h : ${minutes}m : ${seconds}s`
document.getElementById("NextBdayId").innerHTML = age
try {
clearInterval(Bday)
} catch (error) {
}
Bday = setInterval(() => {
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
let age = `${days} Days, ${hours}h : ${minutes}m : ${seconds}s`
document.getElementById("NextBdayId").innerHTML = age
}, 1000);
}
function CovertFormat(date) {
let res = date.split("-")
res = `${res[1]}-${res[0]}-${res[2]}`
return res
}
function ageCalculator(userinput, FromDate) {
// var userinput = '04-03-2000' //MM-DD-YYYY
var dob = new Date(userinput);
var dobYear = dob.getYear();
var dobMonth = dob.getMonth();
var dobDate = dob.getDate();
var now = new Date(FromDate);
var currentYear = now.getYear();
var currentMonth = now.getMonth();
var currentDate = now.getDate();
var age = {};
var ageString = "";
yearAge = currentYear - dobYear;
if (currentMonth >= dobMonth)
var monthAge = currentMonth - dobMonth;
else {
yearAge--;
var monthAge = 12 + currentMonth - dobMonth;
}
if (currentDate >= dobDate)
var dateAge = currentDate - dobDate;
else {
monthAge--;
var dateAge = 31 + currentDate - dobDate;
if (monthAge < 0) {
monthAge = 11;
yearAge--;
}
}
age = {
years: yearAge,
months: monthAge,
days: dateAge
};
let output = { year: "year", month: "month", day: "day" }
if ((age.years > 0) && (age.months > 0) && (age.days > 0)) {
output.year = age.years;
output.month = age.months
output.day = age.days
ageString = age.years + " years, " + age.months + " months, and " + age.days + " days old.";
}
else if ((age.years == 0) && (age.months == 0) && (age.days > 0)) {
output.year = 0;
output.month = 0
output.day = age.days
ageString = "Only " + age.days + " days old!";
}
else if ((age.years > 0) && (age.months == 0) && (age.days == 0)) {
output.year = age.years;
output.month = 0
output.day = 0
ageString = age.years + " years old. Happy Birthday!!";
}
else if ((age.years > 0) && (age.months > 0) && (age.days == 0)) {
output.year = age.years;
output.month = age.months
output.day = 0
ageString = age.years + " years and " + age.years + " months old.";
}
else if ((age.years == 0) && (age.months > 0) && (age.days > 0)) {
output.year = 0;
output.month = age.months
output.day = age.days
ageString = age.months + " months and " + age.days + " days old.";
}
else if ((age.years > 0) && (age.months == 0) && (age.days > 0)) {
output.year = age.years;
output.month = 0
output.day = age.days
ageString = age.years + " years, and" + age.days + " days old.";
}
else if ((age.years == 0) && (age.months > 0) && (age.days == 0)) {
output.year = 0;
output.month = age.months
output.day = age.days
ageString = age.months + " months old.";
}
//when current date is same as dob(date of birth)
else {
output.year = 0;
output.month = 0
output.day = 0
ageString = "Welcome to Earth! It's first day on Earth!";
}
return output
}
function getHoursDiffBetweenDates(dateInitial, dateFinal) {
return (dateFinal - dateInitial) / (1000 * 3600);
}
function convertDaysToWeeks(days) {
let daysLeft = days % 7;
let weeks = Math.floor(days / 7);
return `${weeks} Weeks, ${daysLeft} Days`
}
function isLeapYear(year) {
if (year % 100 === 0 ? year % 400 === 0 : year % 4 === 0)
return "Yes"
else
return "No"
}
function romanize(num) {
var lookup = { M: 1000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1 }, roman = '', i;
for (i in lookup) {
while (num >= lookup[i]) {
roman += i;
num -= lookup[i];
}
}
return roman;
}
function zodiac(birthmonth, birthday) {
var result = " unknown because you didn't put a valid date.";
if (birthmonth == 1 && birthday >= 20 || birthmonth == 2 && birthday <= 18
) {
result = ("Aquarius");
}
if (birthmonth == 2 && birthday >= 19 || birthmonth == 3 && birthday <= 20) {
result = ("Pisces");
}
if (birthmonth == 3 && birthday >= 21 || birthmonth == 4 && birthday <= 19) {
result = ("Aries");
}
if (birthmonth == 4 && birthday >= 20 || birthmonth == 5 && birthday <= 20) {
result = ("Taurus");
}
if (birthmonth == 5 && birthday >= 21 || birthmonth == 6 && birthday <= 20
) {
result = ("Gemini");
}
if (birthmonth == 6 && birthday >= 21 || birthmonth == 7 && birthday <= 22) {
result = ("Cancer");
}
if (birthmonth == 7 && birthday >= 23 || birthmonth == 8 && birthday <= 22) {
result = ("Leo");
}
if (birthmonth == 8 && birthday >= 23 || birthmonth == 9 && birthday <= 22) {
result = ("Virgo");
}
if (birthmonth == 9 && birthday >= 23 || birthmonth == 10 && birthday <= 22) {
result = ("Libra");
}
if (birthmonth == 10 && birthday >= 23 || birthmonth == 11 && birthday <= 21) {
result = ("Scorpio");
}
if (birthmonth == 11 && birthday >= 22 || birthmonth == 12 && birthday <= 21) {
result = ("Sagittarius");
}
if (birthmonth == 12 && birthday >= 22 || birthmonth == 1 && birthday <= 19) {
result = ("Capricorn");
} else if (birthmonth > 12 || birthday > 31) {
console.log(`alert("Please enter an accurate date ! ");`);
}
return result
}
function SideBar() {
let container = document.getElementById("SideBarContainer")
let date = new Date()
date = date.getFullYear();
let data = ""
for (let i = date - 100; i <= date; i++) {
data += `<li class="nav-item">
<a class="nav-link d-flex align-items-center gap-2 active sidebarFont" aria-current="page" href="/year/${i}">
Born in ${i} my age ?
</a>
</li>`
}
container.innerHTML = data
}
function BottomQnA(dob, one, two, three, four, five) {
let container = document.getElementById("BottomQnA")
let data = `
<a class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
<div class="d-flex gap-2 w-100 justify-content-between">
<div>
<h6 class="mb-0 fs-5">How to write ${dob} in roman numerals?</h6>
<p class="mb-0 fs-5">The ${dob} in roman numerals is ${one}</p>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
<div class="d-flex gap-2 w-100 justify-content-between">
<div>
<h6 class="mb-0 fs-5">If I was born on ${dob}, what is my Zodiac sign?</h6>
<p class="mb-0 fs-5">If you were born on ${dob} your Zodiac sign is ${two}.</p>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
<div class="d-flex gap-2 w-100 justify-content-between">
<div>
<h6 class="mb-0 fs-5">What day of the week was ${dob}?</h6>
<p class="mb-0 fs-5">The day of the week was ${three}.</p>
</div>
</div>
</a>
<a class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
<div class="d-flex gap-2 w-100 justify-content-between">
<div>
<h6 class="mb-0 fs-5">How many days ago was ${dob}?</h6>
<p class="mb-0 fs-5">There are ${four} Days ago was ${dob}.</p>
</div>
</div>
</a><a class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
<div class="d-flex gap-2 w-100 justify-content-between">
<div>
<h6 class="mb-0 fs-5">How many weeks ago was ${dob}?</h6>
<p class="mb-0 fs-5">There are ${five} ago was ${dob}.</p>
</div>
</div>
</a>
`
container.innerHTML = data
}
function SelectYear() {
let container = document.getElementById("LoopSelectYear")
let data = ""
let date = new Date()
date = date.getFullYear();
for (let i = date - 100; i <= date; i++) {
data += `<div class="col-md-1 col-xs-3 col-3" style="margin-bottom:10px;"><a href="/year/${i}"><b
style="font-size:18px;">${i}</b></a></div>`
}
container.innerHTML = data
}
function createBottomSearch() {
let container = document.getElementById("BottomSearch")
let date = new Date()
date = date.getFullYear();
for (let i = date - 100; i <= date; i++) {
let option = document.createElement("option");
option.value = i
option.innerText = `Born in ${i} my age ?`
container.appendChild(option);
}
}
$(document).ready(function () {
$('#BottomSearch').select2();
});
$('#BottomSearch').on('select2:select', function (e) {
if (this.value == "null") {
return
}
let a = document.createElement("a");
a.href = `/year/${this.value}`
document.body.appendChild(a)
a.click()
});
function CreateOptionsForSearchFeature() {
let celebritiesNameArr = `Sophie Turner`
let celebritiesUrlArr = `how-old-is-sophie-turner`
celebritiesNameArr = celebritiesNameArr.split(",")
celebritiesUrlArr = celebritiesUrlArr.split(",")
let SearchBox = document.getElementById("SearchBox")
for (let i = 0; i < celebritiesNameArr.length; i++) {
let option = document.createElement("option");
option.innerText = celebritiesNameArr[i];
option.value = celebritiesUrlArr[i];
SearchBox.appendChild(option);
}
}
$(document).ready(function () {
$('#SearchBox').select2();
});
$('#SearchBox').on('select2:select', function (e) {
if (this.value == "null") {
return
}
let a = document.createElement("a");
a.href = `/${this.value}`
document.body.appendChild(a)
a.click()
});
</script>
</body>
</html>