906 views
in Web Develop by (423 points)

1 Answer

0 votes
by (423 points)

I have used this code for age calculator and it works perfectly...

You put it in any html page of your web site.

<div align="center">

<table border="1">

<td bgcolor=#00fa9a>

<script>

  window.console = window.console || function(t) {};

</script>

<script>

  if (document.location.search.match(/type=embed/gi)) {

    window.parent.postMessage("resize", "*");

  }

</script>

<body translate="no">

<div id="container">

<img src="zoPoGm_data/wLfwA7MS68Zd2KedA1vCX6-zLqDIUSwBC3W4GzgJaZBOlw6mjj0DatL.png" alt="">

<form id="form" autocomplete="off">

<div>

<p align="center" bgcolor=#fd0ee4>

<strong>Age calculator </strong></p>

<h5><p style ="color:red" align="center">( write birth date in english ) </p></h5></div>

<label for="date"> Birth date :

<input type="text" maxlength="2" size="5" id="date" placeholder="Date" autocomplete="on" required="" value="">

<input type="text" maxlength="2" size="5" id="month" placeholder="Month" autocomplete="on" required="" value="">

<input type="text" maxlength="4" size="5" id="year" placeholder="Year" autocomplete="on" required="" value="">

</label>

<br>

<br>

<label for="date2">

 Today's date:

<input type="text" maxlength="2" size="4" id="date2" placeholder="Date" value="">

<input type="text" maxlength="2" size="4" id="month2" placeholder="Month" value="">

<input type="text" maxlength="4" size="4" id="year2" placeholder="Year" value="">

</label>

<br>

<br>

<p align="center">

<button id="calbtn">Calculate</button>

</p>

&nbsp;&nbsp;&nbsp;&nbsp;

<span id="age">Age : 0 year, </span>&nbsp;&nbsp;&nbsp;&nbsp; <br>

&nbsp;&nbsp;&nbsp;&nbsp;

<span id="months">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0 month, </span> <br>

&nbsp;&nbsp;&nbsp;&nbsp;

<span id="days">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 day. </span>

</form>

</div>

<script id="rendered-js">

var form = document.getElementById("form"),

bdate = document.getElementById("date"),

bmonth = document.getElementById("month"),

byear = document.getElementById("year"),

date = document.getElementById("date2"),

month = document.getElementById("month2"),

year = document.getElementById("year2"),

age = document.getElementById("age"),

days = document.getElementById("days"),

months = document.getElementById("months"),

today = new Date();

year.value = today.getFullYear();

month.value = today.getMonth() + 1;

date.value = today.getDate();

form.addEventListener('submit', function (event) {

  event.preventDefault();

  var by = Number.parseFloat(byear.value),

  bm = Number.parseFloat(bmonth.value),

  bd = Number.parseFloat(bdate.value),

  ty = Number.parseFloat(year.value),

  tm = Number.parseFloat(month.value),

  td = Number.parseFloat(date.value);

  if (td < bd) {

    days.innerHTML = td - bd + 30 + ' day';

    tm = tm - 1;

  } else {

    days.innerHTML = td - bd + ' day.';

  }

  if (tm < bm) {

    months.innerHTML = tm - bm + 12 + ' month,';

    ty = ty - 1;

  } else {

    months.innerHTML = tm - bm + ' month,';

  }

  age.innerHTML = "Today your age is : " 

+ (ty - by) + ' year,';

});

//# sourceURL=pen.js

    </script>

</td>

</table>

</div>

Related questions

292 questions

75 answers

2 comments

5,034 users

1 Online Users
0 Member 1 Guest
Today Visits : 752
Yesterday Visits : 2560
Total Visits : 6050654
...