javascript - 日期和 Html 值

Question

我是 JavaScript 新手，我编写了一段代码，通过计算出生日期和今天的日期来计算“年龄”。如果我在控制台中运行该函数，该函数就可以工作，但是如何从输入接收值并将其作为参数传递？

我尝试使用 .value 但似乎做错了事情。

var button = document.querySelector("#Button")

button.addEventListener("click", function(){


function calculate_age()

{

    var ourDay = document.querySelector("#input").value

  today_date = new Date();

    today_year = today_date.getFullYear();

    today_month = today_date.getMonth();

    today_day = today_date.getDate();

    age = today_year - ourDay;

    enter code here
    if ( today_month < (birth_month - 1))
    {
        age--;
    }
    if (((birth_month - 1) == today_month) && (today_day < birth_day))
    {
        age--;
    }
    return age;

}




})

Answer 1

首先，您需要有一个输入字段来询问用户的出生年份和月份。然后您必须调用一个函数并将输入传递给该函数。在 JavaScript 中不要忘记“;”。我认为“我们的日子”指的是出生年份，所以我将其称为“我们的年份”。最后会显示年龄。

function calculate_age(){
	 
    var ourYear = document.querySelector("#year").value;
    var birth_month = document.querySelector("#month").value;
 
    today_date = new Date();

    today_year = today_date.getFullYear();

    today_month = today_date.getMonth();

    today_day = today_date.getDate();

    age = today_year - ourYear;

     
    if ( today_month < (birth_month - 1))
    {
        age--;
    }
    if (((birth_month - 1) == today_month) && (today_day < birth_day))
    {
        age--;
    }
	alert(age);
    return age;

} 

<button id="Button" onclick="calculate_age()">Try it</button>
<input id="year" type="number" >
<input id="month" type="number">