帮我写一个HTML代码,可以实现存款取款功能,初始账户余额为1000元,类似银行ATM机
时间: 2024-03-12 11:44:32 浏览: 115
设计银行账户类并用字符界面模拟存款取款过程
好的,以下是一个简单的HTML代码,实现了存款取款功能,初始账户余额为1000元,类似银行ATM机:
```html
<!DOCTYPE html>
<html>
<head>
<title>ATM机</title>
</head>
<body>
<h1>ATM机</h1>
<p>账户余额: <span id="balance">1000</span> 元</p>
<label>请输入金额:</label>
<input type="number" id="amount">
<br><br>
<button onclick="deposit()">存款</button>
<button onclick="withdraw()">取款</button>
<script>
var balance = 1000;
function deposit() {
var amount = parseInt(document.getElementById("amount").value);
if (!isNaN(amount) && amount > 0) {
balance += amount;
document.getElementById("balance").innerHTML = balance;
alert("存款成功!");
} else {
alert("请输入正确的金额!");
}
}
function withdraw() {
var amount = parseInt(document.getElementById("amount").value);
if (!isNaN(amount) && amount > 0 && amount <= balance) {
balance -= amount;
document.getElementById("balance").innerHTML = balance;
alert("取款成功!");
} else {
alert("请输入正确的金额或余额不足!");
}
}
</script>
</body>
</html>
```
这段代码包含一个账户余额的显示,一个金额输入框,一个存款按钮和一个取款按钮。当用户点击存款按钮时,程序会读取输入框中的金额,将其加到账户余额中,并更新显示。当用户点击取款按钮时,程序会读取输入框中的金额,将其从账户余额中减去,并更新显示。如果输入的金额不合法或余额不足,程序会提示错误信息。
阅读全文