1. 计算年龄。 要求在页面中弹出一个输入框,我们输入出生年份后,能计算出我们的年龄。 弹出一个对话框。输出年龄。" 2. 简单加法器 计算两个数的值,用户输入第一个值后,继续弹出第二个输入框并输入第二个值,最后通过弹出窗口显示出两次输入相加、相减、相乘、相除的结果。
时间: 2024-09-09 22:16:42 浏览: 133
jQuery弹出框选择日期代码
要实现这两个功能,我们可以使用HTML和JavaScript。下面是具体的实现方法:
1. 计算年龄:
首先,我们需要一个HTML页面,其中包含一个输入框和一个按钮。用户输入出生年份后点击按钮,页面会弹出一个对话框显示计算出的年龄。
HTML代码:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>年龄计算器</title>
<script>
function calculateAge() {
var birthYear = parseInt(document.getElementById('birthyear').value, 10);
var currentYear = new Date().getFullYear();
var age = currentYear - birthYear;
alert("您的年龄是:" + age + "岁");
}
</script>
</head>
<body>
出生年份:<input type="text" id="birthyear">
<button onclick="calculateAge()">计算年龄</button>
</body>
</html>
```
2. 简单加法器:
同样的,我们需要一个HTML页面,包含两个输入框和一个按钮。用户输入第一个数后,点击按钮弹出第二个输入框输入第二个数,然后弹出一个对话框显示加减乘除的结果。
HTML代码:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>简单加法器</title>
<script>
function calculate() {
var num1 = parseFloat(document.getElementById('num1').value);
var num2 = parseFloat(document.getElementById('num2').value);
var sum = num1 + num2;
var difference = num1 - num2;
var product = num1 * num2;
var quotient = num2 !== 0 ? num1 / num2 : '除数不能为0';
alert("加法结果:" + sum + "\n" +
"减法结果:" + difference + "\n" +
"乘法结果:" + product + "\n" +
"除法结果:" + quotient);
}
</script>
</head>
<body>
第一个数:<input type="text" id="num1">
第二个数:<input type="text" id="num2" onblur="calculate()">
</body>
</html>
```
阅读全文