原生js实现简易ATM功能

简易ATM

题目描述:

里面现存100块钱。

如果存钱,就用输入的钱数加上先群的钱,然后弹出余额。

如果取钱,就减去取的钱,然后显示余额。

如果显示余额,就显示余额。

如果退出,就进行判断再退出。

 <script>
        var money = 100;
        var moneySum = 0;
        var num = parseInt(prompt(‘请输入你的操作:‘ + ‘\n‘ +
            ‘1.存钱‘ + ‘\n‘ + ‘2.取钱‘ + ‘\n‘ + ‘3.显示余额‘ + ‘\n‘ + ‘4.退出‘));;
        switch (num) {
            case 1:
                moneySum = parseInt(money) + parseInt(prompt(‘请输入你存钱数‘));
                alert("存款:" + moneySum);
                break;
            case 2:
                var qu = prompt(‘输入你取的钱‘);
                qu = parseInt(qu);
                console.log(qu);

                money = parseInt(money);
                console.log(money);
                if (qu > money) {
                    alert(‘不好意思,钱不够‘)
                } else {
                    alert(‘余额为‘ + (money - qu))
                }
                break;
            case 3:
                alert("余额:" + money);
                break;
            case 4:
                var flag = prompt("是否继续?(Y/N)");
                while (flag !== (‘Y‘ && ‘y‘)) {
                    flag = prompt("是否继续?(Y/N)");
                }
                alert(‘退出成功‘);
                break;
            default:
                alert("输入错误");
                break;
        }
    </script>

原文地址:https://www.cnblogs.com/famensaodiseng/p/10917318.html

时间: 2024-08-29 11:13:53

原生js实现简易ATM功能的相关文章

原生JS实现简易轮播图

原生JS实现简易轮播图(渐变?) 最近做网页总是会用到轮播图,我就把之前写的轮播图单独拿出来吧,如果有...如果真的有人也需要也可以复制去用用啊..哈~.. window.onload = function() { var tab = 0; var loop_imgs = new Array("img/l1.jpg", "img/l2.jpg", "img/l3.jpg", "img/l4.jpg", "img/l5

原生js实现vue组件功能

在如今VUE盛行的情况下,我们一直在惊叹于VUE的组件的功能,却不知道,原生js早就已经支持了这个功能. 最近在公开课学到的,js还有很多很多需要探索学习. 下面是一个简单的例子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>创建标签</title> </head> <body> <x-product>测试

原生JS实现简易转盘抽奖

我爱撸码,撸码使我感到快乐. 大家好,我是Counter. 本章带大家来简单的了解下原生JS实现转盘抽奖. 因为主要涉及到JS,在这里HTML和CSS起到的功能就没有那么重要, 因此,没有过多的阐述HTML与CSS,而JS基本每行都有注释,但这里CSS 也是起到了至关重要的一步,那就是控制背景色,以及结果的显示与隐藏,效果先给出,如下: 代码给出: <!DOCTYPE html> <html lang="zh"> <head> <meta ch

利用css+原生js制作简易钟表

利用css+原生js制作简单的钟表.效果如下所示 实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期以及时间,至于钟表上的刻度.数字等元素,因为量比较多,采用jvascript生成 <!doctype html> <html> <head> <meta charset="UTF-8"> <link rel='stylesheet' h

原生JS实现简易评论更新功能

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #outside{ width: 1000px; margin: 0 auto; border: 1px solid #E7EAEE; overflow: hidden; padding-bottom

原生JS实现简易计算器

<!doctype html> <html> <head> <meta charset="utf-8"> <title>简易计算器</title> <style> #div{ width: 300px; height: 500px; background: #ccc; margin: auto; border: 1px solid red; } table{ width: 97%; height: 48

原生js实现购物车相关功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现购物车的相关功能</title> <style> *{ margin:0; padding:0; } table{ width: 600px; border-collapse: collapse; } th,td{ border:1px so

原生JS轻松实现倒计时功能

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>倒计时</title> <style> strong{color: #f00;padding: 0 15px;}; </style> <script type="text/javascript">

原生js实现拖拽功能

如果要设置物体拖拽,必须使用三个事件,分别是: 1.onmousedown:鼠标按下事件 2.onmousemove:鼠标移动事件 3.onmouseup:鼠标抬开事件 拖拽的原理:根据鼠标的移动来移动被拖拽的元素.鼠标的移动就是鼠标x.y坐标的变化,元素的移动就是position的top和left的变化. 当然并不是任何时候移动鼠标都要使元素移动,应该判断鼠标左键是否被按下,以及是否在可拖拽元素上按下的. 基本思路: 拖拽状态 = 0鼠标在元素上按下的时候{ 拖拽状态 = 1 记录下鼠标的x和