当前位置: 首页> 财经> 金融 > 基于javaScript的简易ATM机

基于javaScript的简易ATM机

时间:2025/7/9 15:46:37来源:https://blog.csdn.net/2303_78660417/article/details/140389065 浏览次数:0次

目录

一.设计要求

二.设计思路

三.案例展示

四.源代码展示


一.设计要求

        首先里面已经存放了100元钱。如果用户执行存钱操作,就将输入进去的存钱数目和现有的钱相加,再显示余额提示框。如果用户执行取钱操作,就用现有的钱减去要取出钱的数目,再显示余额提示框。如果用户在存钱或者取钱之前想要先查看下他的余额,则弹出显示余额提示框。当用户执行退出操作后,ATM机就不再起作用。

二.设计思路

        1.首先设置钱的数目为100元,即初始化变量money为100。

        2.接着在设置一个变量用来接收用户所执行的操作。

        3.用switch语句来根据用户不同的操作而执行不同的结果。

        4.用while循环来包裹上面内容,只要用户不执行退出操作,就可以一直使用上面所提到的ATM功能,来进行存钱和取钱的操作。

三.案例展示

        这里我们首先执行存钱的操作,如下所示:

             

         接着输入存钱的数目,这里我们存入200元,如下所示:

 

        接着ATM机会自动显示存钱之后的余额,即为300元。 

 

         由于取钱和存钱大同小异,所以这里我们执行显示余额的操作:

 

         依旧没错,存入200元之后,还剩下300元:

 

 

        最后我们执行退出操作,系统会自动弹出已退出的提示。 

 

四.源代码展示

        

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var num = 1var money=100while(parseFloat(num) != 4){var num=prompt('请输入您要的操作:' + '\n'+'1.存钱' + '\n'+'2.取钱' + '\n'+'3.显示余额' + '\n'+'4.退出')switch(parseFloat(num)){case 1: var num1=prompt('请输入您要存钱的数目:');money+=parseFloat(num1); alert('您当前的余额为:'+money); break;case 2: var num2=prompt('请输入您要取钱的数目:');money=money-parseFloat(num2); alert('您当前的余额为:'+money); break;case 3: alert('您当前的余额还有:'+money); break;case 4: alert('您已退出ATM机')}}</script>
</head>
<body></body>
</html>

 

 

        

        

关键字:基于javaScript的简易ATM机

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: