0% found this document useful (0 votes)
2 views

Document (8)

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Document (8)

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<html>

<body>

<style>

</style>

</body>

<head>

<div class="content">

<h1 id="1">AGE CALCULATOR</h1>

<p id="2">DATE OF BIRTH :</p><input id="21" placeholder="DAY" type="number">

<select id="month1">

<option>--Select month--</option>

<option value="1">JANUARY(01)</option>

<option value="2">FEBRUARY(02)</option>

<option value="3">MARCH(03)</option>

<option value="4">APRIL(04)</option>

<option value="5">MAY(05)</option>

<option value="6">JUNE(06)</option>

<option value="7">JULY(07)</option>

<option value="8">AUGUST(08)</option>

<option value="9">SEPTEMBER(09)</option>

<option value="10">OCTOBER(10)</option>

<option value="11">NOVEMBER(11)</option>

<option value="12">DECEMBER(12)</option>

</select>

<input id="23" placeholder="YEAR" type="number">

<p id="3">DATE OF FIND AGE :</p>

<input id="31" placeholder="DAY" type="number">

<select id="month2">
<option>--Select month--</option>

<option value="1">JANUARY(01)</option>

<option value="2">FEBRUARY(02)</option>

<option value="3">MARCH(03)</option>

<option value="4">APRIL(04)</option>

<option value="5">MAY(05)</option>

<option value="6">JUNE(06)</option>

<option value="7">JULY(07)</option>

<option value="8">AUGUST(08)</option>

<option value="9">SEPTEMBER(09)</option>

<option value="10">OCTOBER(10)</option>

<option value="11">NOVEMBER(11)</option>

<option value="12">DECEMBER(12)</option>

</select>

<input id="33" placeholder="YEAR" type="number"><br><br>

<button type="button" id="btn-age" onclick="agecalculator()">CALCULATE</button>

<p id="age"></p>

</div>

<script>

function agecalculator(){

var aday,amonth,ayear;

var byear=document.getElementById("23").value;

var bmonth=parseInt(document.getElementById("month1").value);

var bday=document.getElementById("21").value;

var dyear=document.getElementById("33").value;

var dmonth=parseInt(document.getElementById("month2").value);

var dday=document.getElementById("31").value;

ayear=dyear-byear;

if (dmonth>=bmonth){
amonth=dmonth-bmonth;

else {

ayear--;

amonth=12+dmonth-bmonth;

if (dday>=bmonth){

aday=dday-bday;

if(aday<0){

amonth--;

aday=31+aday;

document.getElementById("age").innerHTML="Your age
is"+ayear+"years"+amonth+"months"+aday+"days";

fumction errors(){

var byear=document.getElementById("23").value;

var bmonth=parseInt(document.getElementById("month1").value);

var bday=document.getElementById("21").value;

var dyear=document.getElementById("33").value;

var dmonth=parseInt(document.getElementById("month2").value);

var dday=document.getElementById("31").value;

</script>

</head>

</html>

You might also like