JavaScript 循环案例教程 ATM.html

最新推荐文章于 2024-07-20 23:54:17 发布

周乐川

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量95

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2401_83801875/article/details/140416124

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var sum = 100;//设置余额为100
        //while的作用是保证每次输入选项之后还能跳回到原来的选择界面
        while(true){
        var num = prompt('请输入你的操作：'+'\n 1存钱'+'\n 2取钱'+'\n 3显示余额'+'\n 4退出');
        //选择界面注意peompt输入的是字符串型的 
        //需要用parseInt转为数字型

        //输入4则直接跳出
        if (parseInt(num) === 4){

                alert ('您已经退出，请携带好随身物品。');
                break;
        }
         switch(parseInt(num))
         {
            //存钱
               case 1:
            var num1 = prompt('请输入要存的数额：');
               sum = sum + parseInt(num1);
               alert('您现在的余额是：' + sum);
               break;

             //取钱
              case 2:
                var num2 = prompt('请输入要取的数额：');
                //判断现在的余额是否大于要取的金额 如果大于则进行取钱 如果不是则显示‘余额不足’
                if(sum >= parseInt(num2))
                {
                sum = sum - parseInt(num2);
                alert('您现在的余额是：' + sum);
                }else 
                 alert('您的余额不足(现在余额为'+sum+')');
            break;

            //查看余额
            case 3:
            alert('您的余额为' + sum);
           break;
         }
            
        }
    </script>

</body>
</html>