编写一个网页程序 获取用户输入的狗的年龄(整数),通过程序显示其相当于人类的年龄 如果用户输入负数 请显示一个提示信息
时间: 2024-10-19 21:06:02 浏览: 29
判断一个整数是否是2的N次幂实现方法
为了编写这样一个简单的网页程序,我们可以使用HTML获取用户输入,然后通过JavaScript进行计算和展示结果。以下是一个基本示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>狗狗年龄转换</title>
<script>
function convertAge() {
// 获取用户输入的狗的年龄
var dogAgeInput = document.getElementById("dogAge").value;
// 检查输入是否为整数
if (!Number.isInteger(dogAgeInput)) {
alert("请输入一个整数!");
return;
}
// 转换为人类年龄(这里假设狗狗活到20岁相当于人类80岁)
var humanAge = (dogAgeInput > 0) ? dogAgeInput * 4 : "狗狗未达到可比较年龄";
// 显示结果
document.getElementById("result").innerHTML = "狗狗的年龄相当于人类的:" + humanAge + "岁";
}
</script>
</head>
<body>
<h1>请输入狗狗的年龄:</h1>
<input type="number" id="dogAge" placeholder="请输入年龄">
<button onclick="convertAge()">计算</button>
<p id="result"></p>
</body>
</html>
```
在这个例子中,用户会在页面上看到一个输入框,输入狗的年龄,点击“计算”按钮后,如果输入的是正整数,会显示相应的年份;如果是负数或者非整数,会弹出提示信息。
阅读全文