用js语言编写弹出用户年龄输入框,如果用户输入非数字,提示用户输入年龄数字,如果用户输入年龄不满足0-100之间数字,提示用户输入合法年龄,提示用户输入的年龄
时间: 2024-06-12 18:09:01 浏览: 85
使用JS语言编写弹出用户年龄输入框的代码如下:
```javascript
function getAge() {
var age = prompt("请输入您的年龄:");
if (isNaN(age)) {
alert("请输入数字作为年龄!");
getAge();
} else if (age < 0 || age > 100) {
alert("请输入合法的年龄!");
getAge();
} else {
alert("您输入的年龄是:" + age);
}
}
getAge();
```
相关问题
用js运行计算年龄:要求在页面弹出一个输入框,提示用户输入出生年份,利用出生年份计算用户的年龄。(注意:用户输入的数据,数据类型是什么)
在JavaScript中,你可以通过HTML创建一个简单的输入框让用户输入出生年份,并结合JavaScript处理计算年龄的部分。以下是实现步骤:
1. 首先,在HTML中添加一个输入元素和一个按钮用于触发计算事件:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>计算年龄</title>
</head>
<body>
<label for="birthYear">请输入您的出生年份:</label>
<input type="number" id="birthYear" placeholder="例如: 1990">
<button onclick="calculateAge()">计算年龄</button>
<p id="result"></p>
<script src="script.js"></script>
</body>
</html>
```
2. 然后在`script.js`文件中编写计算年龄的函数,假设用户输入的是字符串,需要转换成数字类型:
```javascript
function calculateAge() {
var birthYearInput = document.getElementById("birthYear");
var birthYear = parseInt(birthYearInput.value);
// 检查是否能转换为整数
if (isNaN(birthYear)) {
alert("请输入有效的出生年份!");
return;
}
var currentYear = new Date().getFullYear();
var age = currentYear - birthYear;
document.getElementById("result").innerText = "您现在的年龄是:" + age + "岁";
}
```
在这个例子中,用户输入的数据类型是字符串,然后我们尝试将其转换为整数。如果输入无法转换,会显示警告消息。
用js运行简单加法器:要求在页面弹出两个输入框,提示用户输入两个数字,然后返回两个数字相加的结果。
在JavaScript中,你可以创建一个简单的加法器功能,让用户在页面上输入两个数字并展示它们的和。以下是实现这个功能的一个基本示例:
首先,在HTML中添加两个输入框和一个显示结果的区域以及提交按钮:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>简单加法器</title>
</head>
<body>
<label for="num1">输入第一个数字:</label>
<input type="number" id="num1">
<br>
<label for="num2">输入第二个数字:</label>
<input type="number" id="num2">
<br>
<button onclick="addNumbers()">计算和</button>
<p id="result"></p>
<script src="script.js"></script>
</body>
</html>
```
接下来,在`script.js`文件中编写加法函数,当点击“计算和”按钮时执行:
```javascript
function addNumbers() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
// 检查输入是否为数字
if (isNaN(num1) || isNaN(num2)) {
alert("请输入有效数字!");
return;
}
var sum = num1 + num2;
document.getElementById("result").innerText = "两数之和是: " + sum;
}
```
这个函数从输入框中获取值,确保它们是数字,然后将它们相加,结果显示在页面指定的位置。
阅读全文