js實現(xiàn)簡易ATM功能
本文實例為大家分享了js實現(xiàn)簡易ATM功能的具體代碼,供大家參考,具體內(nèi)容如下
案例描述
程序根據(jù)輸入的序號執(zhí)行相應(yīng)的業(yè)務(wù)處理邏輯 :
1.存款 2.取款 3.查看余額 4.取卡
如果不輸入或者錯誤輸入則彈窗提示:你的輸入的業(yè)務(wù)序號有誤,請重新輸入!
里面現(xiàn)存金額 123 元。
如果存款,就用輸入的存款金額加現(xiàn)存的金額, 之后彈出現(xiàn)有余額的提示框
如果取款,就減去取的錢數(shù),之后彈出現(xiàn)有余額的提示框,
如果取款的金額大于剩余金額,則提示余額不足,如果小于等于則可進行取款操作
如果存取款的金額輸入款輸入為空,則彈出請返回輸入您存/取款金額!!!
如果顯示余額,就輸出余額
如果選擇取卡,則彈出'你的銀行卡已取出'的信息提示框!
案例代碼片段
// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>簡易ATM</title>
<script>
var rmb=123;
while (true) {
var action =prompt('請選擇一下序號進行業(yè)務(wù)辦理:\n 1.存款 \n 2.取款 \n 3.查看余額 \n 4.取卡');
switch (parseInt(action)) {
case 1:
var ck=prompt('請輸入你要存入的金額:');
if (ck =="") {
alert('請重新輸入序號辦理!!!');
}else{
rmb+=parseInt(ck);
alert('你當前的余額為'+rmb+'元');
}
break;
case 2:
var qk=prompt('請輸入你的取款金額:');
if (qk=="") {
alert('請重新輸入序號辦理!!!');
}else if(rmb>=qk){
rmb-=parseInt(qk);
alert('你當前余額為'+rmb+'元');
}else{
alert('你當前余額不足,請稍后再試');
};
break;
case 3:
alert('你當前余額為'+rmb+'元');
break;
case 4:
alert('你的銀行卡已取出!');
break;
default:
alert('你的輸入的業(yè)務(wù)序號有誤,請重新輸入!');
break;
}
if (action==4) {
//用戶執(zhí)行完取卡,用來終止循環(huán)的
break;
}
}
</script>
</head>
<body>
</body>
</html>
ATM案例演示

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
IE8下關(guān)于querySelectorAll()的問題
在IE8的新特性里,提到了會支持querySelector()和querySelectorAll()方法,如何使用這里就不說了,只是記錄下我在使用時遇到一個問題。2010-05-05
javascript實現(xiàn)獲取cookie過期時間的變通方法
這篇文章主要介紹了javascript實現(xiàn)獲取cookie過期時間的變通方法,因為cookie過期時間是由瀏覽器控制的,所以想獲取過期時間只能通過本文的變通方法來實現(xiàn),需要的朋友可以參考下2014-08-08
一個非常全面的javascript URL解析函數(shù)和分段URL解析方法
本文詳細介紹了一個非常全面的javascript URL解析函數(shù),可以解析一個URL中的協(xié)議、主機、查詢字符串甚至錨鏈接,非常實用,一并總結(jié)了js自帶的分段URL解析方法,需要的朋友可以參考下2014-04-04
JavaScript判斷頁面加載完之后再執(zhí)行預(yù)定函數(shù)的技巧
這篇文章主要介紹了JavaScript判斷頁面加載完之后再執(zhí)行預(yù)定函數(shù)的技巧,原理還是利用監(jiān)聽器監(jiān)聽元素事件、被觸發(fā)則執(zhí)行函數(shù),需要的朋友可以參考下2016-05-05
鍵盤上一張下一張兼容IE/google/firefox等瀏覽器
鍵盤上一張下一張的效果想必大家都有見到過吧,本文為大家介紹的這個兼容IE,google,firefox等主流瀏覽器2014-01-01
bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法
這篇文章主要介紹了bootstrap 日期控件 datepicker被彈出框dialog覆蓋的解決辦法 ,本文給大家分享幾種解決方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07

