使用JavaScript编写一个金额找零系统,用输入框输入一个整数,表示找零的数量,数值为1-100,假如系统中有50、20、10、5、1这5种面额的纸币,显示每种纸币应找的数量。
时间: 2023-11-28 17:48:23 浏览: 72
以下是使用 JavaScript 编写的一个简单的金额找零系统:
```html
<!DOCTYPE html>
<html>
<head>
<title>金额找零系统</title>
<script type="text/javascript">
function calculateChange() {
var amount = document.getElementById("amount").value;
var change = 100 - amount;
var fifty = Math.floor(change / 50);
change = change % 50;
var twenty = Math.floor(change / 20);
change = change % 20;
var ten = Math.floor(change / 10);
change = change % 10;
var five = Math.floor(change / 5);
change = change % 5;
var one = Math.floor(change / 1);
document.getElementById("fifty").innerHTML = fifty;
document.getElementById("twenty").innerHTML = twenty;
document.getElementById("ten").innerHTML = ten;
document.getElementById("five").innerHTML = five;
document.getElementById("one").innerHTML = one;
}
</script>
</head>
<body>
<h1>金额找零系统</h1>
<p>请输入找零的数量(1-100):</p>
<input type="number" id="amount" min="1" max="100">
<button onclick="calculateChange()">计算找零</button>
<br><br>
<table>
<tr>
<th>纸币面额</th>
<th>数量</th>
</tr>
<tr>
<td>50元</td>
<td id="fifty"></td>
</tr>
<tr>
<td>20元</td>
<td id="twenty"></td>
</tr>
<tr>
<td>10元</td>
<td id="ten"></td>
</tr>
<tr>
<td>5元</td>
<td id="five"></td>
</tr>
<tr>
<td>1元</td>
<td id="one"></td>
</tr>
</table>
</body>
</html>
```
在上面的代码中,我们首先使用HTML定义了一个输入框和一个按钮,当用户点击按钮时,会调用 `calculateChange()` 函数。在函数内部,我们首先获取输入框中的值,然后计算出找零的金额,并按照面额从大到小依次计算出需要找零的纸币数量。最后,我们使用 `innerHTML` 将每种纸币需要找零的数量显示在表格中。