前端ATM机案例

一、ATM机需求

1、登录

要求用户输入卡号和密码。如果三次之内可以重复输入；三次以上输入错误，则退出系统。

  //所有卡的数组
        let cards = [
        {
    "cardNo": "100", "pass": "123", "money": 100000 },
        {
    "cardNo": "101", "pass": "123", "money": 100000 },
        {
    "cardNo": "102", "pass": "123", "money": 100000 },
        {
    "cardNo": "103", "pass": "123", "money": 1000 }
        ];
        let login = -1;//登录账号信息，-1表示未登录
        // document.write(cards[]);
        index();
        //登陆
        function index() {
   
            let id, ser;
            for (let count = 0; count < 3; count++) {
   
                let id = prompt("请输入卡号");
                let ser = prompt("请输入密码");
                if (IsRight(id, ser)) {
   
                    //成功,跳到主界面
                    Main();
                    return;
                } else {
   
                    alert("账号密码输入有误,请重新输入");
                }
            }
            alert("输入超过三次,账号冻结")
        }
        //是否登录成功
        function IsRight(id, ser) {
   
            //循环卡号和密码，看是否有相等的
            for (let i = 0; i < cards.length; i++) {
   
                if (cards[i].cardNo == id && cards[i].pass == ser) {
   
                    login = i;
                    return true;
                }

            }
            return false

        }

2、登陆成功后，显示主界面

要求用户输入所需的操作，然后调用相应的函数，实现操作。操作完成后，再回到主界面，继续要求用户输入所需的操作。

 //主界面
        function Main() {
   
            let choose = Number(prompt(`
            登录成功！
            欢迎来到爱存不存银行！
            1)查询账户
            2)存款
            3)取款
            4)转账
            0)退出
            `));
            switch (choose) {
   
                case 1: QueryMoney(); Main()