JavaScript calculate age

likemindedproductions · December 16, 2021

Site URL: https://violin-puma-x79z.squarespace.com/

Hi,

I've been trying to get an age in years to show inside the code block but I cant get it to display the return value.

<!DOCTYPE html>
<html>
<body>

<p>Calculating age...</p>

<p id="howold"></p>

<script> 
today = new Date()
past = new Date(1993,03,07) // remember this is equivalent to 06 01 2010
//dates in js are counted from 0, so 05 is june

function calcDate(date1,date2) {
    var diff = Math.floor(date1.getTime() - date2.getTime());
    var day = 1000 * 60 * 60 * 24;

    var days = Math.floor(diff/day);
    var months = Math.floor(days/31);
    var years = Math.floor(months/12);

    var message = years + " years"

    return message
    }
   

a = calcDate(today,past)
console.log(a)

document.getElementById("howold").innerHTML = calcDate(date1,date2);
  </script>

</body>
</html>

Any ideas?

Andrew

iamdavehart · December 17, 2021

you're not actually passing anything to your date function. date1 and date2 are the named arguments but you need to pass the function calcdate some real things, e.g. today and past variables.

// document.getElementById("howold").innerHTML = calcDate(date1,date2);
document.getElementById("howold").innerHTML = calcDate(today,past);

likemindedproductions · December 17, 2021

7 hours ago, iamdavehart said:
you're not actually passing anything to your date function. date1 and date2 are the named arguments but you need to pass the function calcdate some real things, e.g. today and past variables.
// document.getElementById("howold").innerHTML = calcDate(date1,date2);
document.getElementById("howold").innerHTML = calcDate(today,past);

Brilliant. Thank you so much. I was scratching my head at this for a while.

JavaScript calculate age

Recommended Posts

likemindedproductions

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

iamdavehart

Link to comment

likemindedproductions

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources