作为一名开发者，我经常在开发项目中使用JavaScript。今天我想分享一个JavaScript简易ATM的代码例子。这个例子可以帮助你了解如何使用JavaScript编写一个ATM机的基本功能。

我将使用HTML和JavaScript创建一个简单的ATM应用程序。该应用程序将允许用户通过输入账户号码和密码来登陆，然后可以执行几个基本的ATM功能，例如取款、存款和查余额。

首先，我们需要创建一个HTML文档。在该文档中，我们将创建一个表单，用于用户登录账户。以下是HTML代码：

ATM

 

 账户号码：
 
 密码：
 
 登录

现在我们需要添加JavaScript代码。以下是JavaScript代码，其中包括登录、存款、取款和查余额功能的基本实现：

let user =
  accountNumber: '1234';
function login() {
  let accountNumber = document.getElementById('account-number').value;
  let password = document.getElementById('password').value;
  if (accountNumber === user.accountNumber && password === user.password) {
    displayMainMenu();
  } else {
    alert('账户号码或密码不正确，请重试！');
  }
}
function displayMainMenu() {
  let mainMenu = '请选择操作类型：\n\n';
  mainMenu += '1. 存款\n';
  mainMenu += '2. 取款\n';
  mainMenu += '3. 查余额\n';
  let choice = parseInt(prompt(mainMenu));
  switch (choice) {
    case 1:
      deposit();
      break;
    case 2:
      withdraw();
      break;
    case 3:
      checkBalance();
      break;
    default:
      alert('无效选择！');
      displayMainMenu();
      break;
  }
}
function deposit() {
  let amount = parseInt(prompt('请输入存款金额：'));
  if (amount) {
    user.balance += amount;
    alert('存款成功，您的账户余额是：' + user.balance);
  } else {
    alert('无效金额！');
  }
  displayMainMenu();
}
function withdraw() {
  let amount = parseInt(prompt('请输入取款金额：'));
  if (amount) {
    if (amount <= user.balance) {
      user.balance -= amount;
      alert('取款成功，您的账户余额是：' + user.balance);
    } else {
      alert('账户余额不足！');
    }
  } else {
    alert('无效金额！');
  }
  displayMainMenu();
}
function checkBalance() {
  alert('您的账户余额是：' + user.balance);
  displayMainMenu();
}

我们已经完成了JavaScript代码的编写。现在，我们可以将这个应用程序部署到我们自己的Web服务器上，然后在Web浏览器中测试它。如果一切顺利，我们应该能够看到一个简单的登录页面，让我们输入账户号码和密码。如果我们输入正确的账户号码和密码，我们应该可以看到一个主菜单，允许我们进行存款、取款和查余额等基本操作。

总结：在这个例子中，我使用JavaScript编写了一个ATM应用程序的代码。这个例子向我们展示了如何创建一个简单的登录页面，以及如何使用JavaScript实现存款、取款和查余额等基本的ATM功能。这个例子很简单，但是有助于我们了解JavaScript的基本编程思想和语法。

相似文章
• 我的JavaScript简易ATM
  我的JavaScript简易ATM
  
  
• 我的JavaScript简易ATM
  我的JavaScript简易ATM
  
  
• 我的JavaScript简易ATM
  我的JavaScript简易ATM
  
  

友情链接
• 网站定制开发
• 帮你发
• 小蓄群站获客
• 雅圣洁家政