JS简易ATM案例

在这里插入图片描述
参考文章

代码不同,做了优化,在输入小于等于才能实现无限循环,输入大于100的值,提示输入错误且不再循环

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易ATM</title>
		<script>
			var count = 100;
			var step = 100;
			for (; step <= 100 ;) {
    
    
				step = prompt('此网页显示' + '\n' + '请输入您要的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' +
					'4.退出');
				step = parseInt(step);
				switch (step) {
    
    
					case 1:
						var s = prompt('请输入您需要存的钱');
						count += parseInt(s);
						alert('您的余额为' + count + '元');
					case 2:
						var q = prompt('请输入您需要取的钱');
						count -= q;
						alert('您的余额为' + count + '元');
						break;
					case 3:
						alert('您的余额为' + count + '元');
						break;
					case 4:
						alert('退出成功');
						break;
					default:
						alert('输入错误');
				}	
			}
		</script>
	</head>
	<body>
	</body>
</html>


二次优化,应该写个死循环,那个step设置小于100没意义
但是想实现输入4,退出成功,跳出那个死循坏
刚又转念一想,银行的ATM机退出场景,好像也是返回到初始页面
这样一来我的设计符合需求
但出于技术的实现
我还是想循环语句里的条件判断中满足某个条件可以跳出循环
这个问题留给以后

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易ATM</title>
		<script>
			var count = 100;
			for (;;) {
    
    
				var step = prompt('此网页显示' + '\n' + '请输入您要的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' +
					'4.退出');
				step = parseInt(step);
				switch (step) {
    
    
					case 1:
						var s = prompt('请输入您需要存的钱');
						count += parseInt(s);
						alert('您的余额为' + count + '元');
						break;
					case 2:
						var q = prompt('请输入您需要取的钱');
						count -= q;
						alert('您的余额为' + count + '元');
						break;
					case 3:
						alert('您的余额为' + count + '元');
						break;
					case 4:
						alert('退出成功');
						break;
					default:
						alert('输入错误');
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41685741/article/details/114680538
atm
今日推荐