首页用js3. 要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄，通过对话框输出年龄。

用js3. 要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄，通过对话框输出年龄。

时间: 2024-09-11 11:10:44 浏览: 84

要使用JavaScript实现这样一个功能，你可以通过HTML页面提供一个输入框，然后用JavaScript来捕捉用户的输入事件，计算年龄，并通过对话框（alert）显示结果。以下是一个简单的实现步骤： 1. 创建一个HTML页面，并在其中放置一个`input`元素和一个`button`元素。用户可以在`input`元素中输入年份，点击`button`按钮后触发计算年龄的操作。 2. 使用JavaScript编写事件处理函数，当按钮被点击时，获取输入框中的值。 3. 计算年龄时，可以使用当前日期减去用户输入的出生年份，得到年龄。 4. 使用`alert`函数显示计算出的年龄。下面是一个简单的示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算年龄</title> <script> function calculateAge() { // 获取输入框的值 var birthYear = document.getElementById('birthYear').value; // 计算当前年份 var currentYear = new Date().getFullYear(); // 计算年龄 var age = currentYear - birthYear; // 显示年龄 alert("您的年龄是：" + age + "岁"); } </script> </head> <body> 出生年份：<input type="text" id="birthYear"><br> <button onclick="calculateAge()">计算年龄</button> </body> </html> ``` 在这个示例中，当用户在文本框中输入年份后点击按钮，`calculateAge`函数会被调用。这个函数首先获取用户输入的出生年份，然后计算当前年份与出生年份的差值，得到年龄，并通过`alert`弹窗显示出来。

阅读全文