首页JavaScript显示年龄”案例：弹出一个输入框，让用户输入年龄。输入后，单击“确定”按钮，程序弹出来一个警告框，显示内容为“您今年x岁了”，x表示刚才输入的年龄。

JavaScript显示年龄”案例：弹出一个输入框，让用户输入年龄。输入后，单击“确定”按钮，程序弹出来一个警告框，显示内容为“您今年x岁了”，x表示刚才输入的年龄。

时间: 2024-09-18 22:06:33 浏览: 55

在JavaScript中，你可以使用HTML元素和事件处理函数来实现这个简单的功能。以下是步骤： 1. 首先，在HTML中创建一个input元素和一个button元素： ```html <!DOCTYPE html> <html lang="zh"> <body> <input type="number" id="ageInput" placeholder="请输入年龄"> <button onclick="showAge()">确定</button> <div id="result"></div> </body> </html> ``` 2. 接下来，在JavaScript文件（通常是`script.js`）中编写事件处理函数`showAge()`： ```javascript function showAge() { // 获取用户输入的年龄 var age = document.getElementById('ageInput').value; // 检查输入是否为空 if (age) { // 创建一个警报对话框 var alertMessage = "您今年" + age + "岁了"; alert(alertMessage); // 弹出警告框 } else { alert("请输入有效的年龄"); } } ``` 在这个例子中，当用户点击“确定”按钮时，`showAge`函数会被触发，它获取输入框的内容并检查是否为空。如果输入有效，则创建包含年龄的字符串，并通过`alert`函数显示警告框。如果输入为空，会提示用户输入有效的年龄。

阅读全文