21xrx.com
2025-07-05 11:05:56 Saturday
文章检索 我的文章 写文章
用JavaScript打造一个简易的ATM系统
2023-06-10 20:20:38 深夜i     41     0

我一直想学习如何用JavaScript构建一个简单的应用程序,于是我开始着手制作一个基于浏览器的ATM系统。

为了实现这个ATM系统,我需要了解几个关键点:

1. 用户需要能够输入PIN码来进行取款、存款等操作。

2. ATM系统需要能够管理多个账户,并根据输入的PIN码来确定用户账户。

3. 操作完成后,ATM系统需要能够显示最新的账户余额。

以下是我的代码实现,其中包括两个账户,每个账户初始余额为500美元。我将使用三个关键词来描述代码实现过程:if嵌套、变量、逻辑控制。

// 初始化账户
var accounts = [
  balance: 500,
 pin: 5678
];
// 获取用户输入的PIN码,并根据用户输入的PIN码返回相应的账户
function getAccount(pin) {
 for (var i = 0; i < accounts.length; i++) {
  if (accounts[i].pin === pin) {
   return accounts[i];
  }
 }
 return null;
}
// 取款函数
function withdraw(pin, amount) {
 var account = getAccount(pin);
 if (account) {
  if (amount <= account.balance)
   account.balance -= amount;
   return true;
   else
   return false;
  
 } else
  return false;
 
}
// 存款函数
function deposit(pin, amount) {
 var account = getAccount(pin);
 if (account) {
  account.balance += amount;
  return true;
 } else
  return false;
 
}
// 用户输入PIN码以及存款/取款金额
var pin = prompt("请输入PIN码");
var amount = prompt("请输入存款/取款金额");
// 根据用户选择执行存款或取款操作
if (pin) {
 var account = getAccount(parseInt(pin));
 if (account) {
  if (amount > 0) {
   if (withdraw(account.pin, amount)) {
    alert("取款成功,账户余额为:" + account.balance);
   } else {
    alert("取款失败,余额不足!");
   }
  } else if (amount < 0) {
   if (deposit(account.pin, -amount)) {
    alert("存款成功,账户余额为:" + account.balance);
   } else {
    alert("存款失败,系统错误!");
   }
  } else {
   alert("请输入正确的存款/取款金额!");
  }
 } else {
  alert("请输入正确的PIN码!");
 }
} else {
 alert("请输入PIN码!");
}

通过这个简单的ATM系统的编写,我了解了如何使用JavaScript来实现逻辑控制,以及如何使用变量和if嵌套来管理多个账户并执行相关操作。

  
  

评论区