创建一个html页面文件,设计两个输入框,一个按钮,输入数字后,点击按钮,弹出提示框:当前计算结果为:XXX;其中XXX为两个输入框中内容的乘积结果。当输入非法字符时,给出提示。
时间: 2023-04-05 10:02:45 浏览: 328
您好,这是一个关于 HTML 页面设计的问题。可以通过以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算乘积</title>
<meta charset="utf-8">
<script type="text/javascript">
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>
</head>
<body>
<label for="num1">第一个数字:</label>
<input type="text" id="num1"><br>
<label for="num2">第二个数字:</label>
<input type="text" id="num2"><br>
<button onclick="calculate()">计算乘积</button>
</body>
</html>
```
以上代码中,我们使用了 JavaScript 来实现计算乘积的功能。当用户输入非法字符时,会弹出提示框。希望能够帮助到您。
阅读全文