javascript学习笔记，七、简易ATM界面

最新推荐文章于 2023-05-18 14:22:29 发布

身伤易逝lk

最新推荐文章于 2023-05-18 14:22:29 发布

阅读量183

点赞数

分类专栏： javascript学习笔记文章标签： javascript js

本文链接：https://blog.csdn.net/qq_51143149/article/details/118296188

版权

javascript学习笔记专栏收录该内容

27 篇文章 1 订阅

订阅专栏

HTML文件，建议用Visual Studio Code或者HBuilder X打开查看

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易ATM界面</title>
		<script>
			/* 
			里面现有100元,实现以下功能:
			1.存钱:存钱后显示余额
			2.取钱:取钱后显示余额
			3.显示余额
			4.退出
			 */
			var num = 5,
				sum = 100,
				num1;
			while (num != 4) {
				num = prompt('请选择您的操作：\n1.存钱 \n2.取钱 \n3.显示余额 \n4.退出')

				switch (num) {
					case '1':
						num1 = prompt('请输入您存取的金额：');
						sum = sum + (num1 - 0);
						alert('您现在的余额为：' + sum);
						break;

					case '2':
						num1 = prompt('请输入您要取的金额：');
						if (num1 <= sum) {
							sum = sum - (num1 - 0);
							alert('您现在的余额为：' + sum);
						} else
							alert('您的余额不足');
						break;

					case '3':
						alert('您现在的余额为：' + sum);
						break;

					case '4':
						alert('成功退出再见!');
						break;

					default:
						alert('请输入正确的选项');
				}
			}
			
		</script>

	</head>

	<body>

	</body>

</html>

身伤易逝lk

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习笔记，七、简易ATM界面

HTML文件，建议用Visual Studio Code或者HBuilder X打开查看<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易ATM界面</title> <script> /* 里面现有100元,实现以下功能: 1.存钱:存钱后显示余额 2.取钱:取钱后显示余额 3.显示余额 4.退出
复制链接

扫一扫

专栏目录