创建一个html页面文件,设计两个输入框,一个按钮,输入数字后,点击按钮,弹出提示框:当前计算结果为:XXX;其中XXX为两个输入框中内容的乘积结果。当输入非法字符时,给出提示。
时间: 2023-12-14 15:05:11 浏览: 98
以下是一个简单的实现,其中使用了JavaScript来实现计算和弹出提示框:
```html
<!DOCTYPE html>
<html>
<head>
<title>乘积计算器</title>
<meta charset="utf-8">
</head>
<body>
<h1>乘积计算器</h1>
<label for="num1">数字1:</label>
<input type="text" id="num1"><br><br>
<label for="num2">数字2:</label>
<input type="text" id="num2"><br><br>
<button onclick="calculate()">计算乘积</button>
<script>
function calculate() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
if (isNaN(num1) || isNaN(num2)) { // 判断输入是否合法
alert("请输入数字!");
} else {
var result = num1 * num2; // 计算乘积
alert("当前计算结果为:" + result);
}
}
</script>
</body>
</html>
```
在上述代码中,我们创建了两个输入框和一个按钮,并给按钮绑定了一个JavaScript函数`calculate()`。在函数内部,我们首先获取了输入框中的数字,并使用`isNaN()`方法判断输入是否合法。如果输入不合法,则弹出提示框;否则,我们计算两个数字的乘积,并弹出提示框显示结果。
阅读全文