js简单乘法计算器
时间: 2023-08-16 20:04:29 浏览: 128
好的,以下是一个简单的JavaScript乘法计算器示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>乘法计算器</title>
</head>
<body>
<h1>乘法计算器</h1>
<label for="num1">第一个数字:</label>
<input type="number" id="num1"><br><br>
<label for="num2">第二个数字:</label>
<input type="number" id="num2"><br><br>
<button onclick="multiply()">计算</button><br><br>
<label for="result">结果:</label>
<input type="number" id="result" disabled>
<script>
function multiply() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var result = num1 * num2;
document.getElementById("result").value = result;
}
</script>
</body>
</html>
```
这个计算器界面包含两个数字输入框和一个“计算”按钮。当用户输入数字并点击按钮时,JavaScript代码将从输入框中获取这两个数字,执行乘法操作并将结果显示在另一个输入框中。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)