关于羊城通的javascript和html小练习.doc

交流学习，分享原创FROM GDUT使用HTML和JavaScript，实现多张羊城通与钱包的功能。规则：A. “钱包”1) 保存现金2) 可以存入现金3) 可以取出现金B. “羊城通”1) 可以充值，充值金额不限2) 可以做公交坐公交规则：1) 使用现金无任何优惠2) 使用羊城通a) 前3次（包括第3次），每次2元 b) 3次以后，6折3) 提供羊城通坐车次数清零4) 现金不足或羊城通余额不足，不允许坐车功能包括：1. 初始化羊城通数量2. 查看羊城通信息3. 羊城通充值4. 羊城通坐车5. 查看钱包信息6. 钱包放钱7. 钱包坐车界面如下：【html和javascript代码如下】 Day2_作业(羊城通) var _cardNum; var _pay = 2; var _currentCard; var Wallet = new Object(); Wallet._money = 10; Wallet.SaveMoney = function (money) var temp = Number(money); Wallet._money += temp; var message = n您存入现金￥ +temp+ nn; document.getElementById(OperateHistory).value += Date() + message; alert(存入现金成功！您钱包余额为 + Wallet._money); ; Wallet.TakeMoney = function (money) var temp = Number(money); Wallet._money -= temp; alert(取款成功！您钱包余额为 + Wallet._money); return money; ; function YangChengTong() this._name = 羊城通; this._remain =0; this._times = 0; this.ChongZhi = function (money) var temp = Number(money); if (temp Wallet._money) alert(钱包余额不足！n请您去银行取款。); else Wallet.TakeMoney(temp); this._remain += temp; / alert(this._remain); var message = _currentCard._name + 充值￥ + temp + nn; document.getElementById(OperateHistory).value += Date() + n + message; ; this.ByCard = function () if (this._remain 3) this._remain -= 0.6 * _pay; else this._remain -= _pay; this._times+; var message = n您用+_currentCard._name + 成功坐车+ nn; document.getElementById(OperateHistory).value += Date() + message; / alert(余额为 + this._remain + 次数为 + this._times); ; function ByMoney() if (Wallet._money _pay) alert(现金不足，请努力工作); else Wallet._money -= _pay; var message = n您用现金成功坐车+ nn; document.getElementById(OperateHistory).value += Date() + message; / alert(坐车成功); /else 羊城通与钱包 羊城通数量： function InitCardInfo() _cardNum = document.Initform.CardNum.value; myCards = new Array(_cardNum); for (var i = 1; i = _cardNum; i+) myCardsi-1 = new YangChengTong(); myCardsi - 1._name += i; var message = n初始化羊城通 + _cardNum + 张nn; document.getElementById(OperateHistory).value += Date()+message ; /alert(_cardNum); function ShowChoice() for (var i = 0; i _cardNum; i+) var option = document.createElement(option); option.text = myCardsi._name; option.value = i; WhichCard.add(option); function HaveChose() Select(); InfoRow(); 名称 余额 坐车次数 /下面的InfoRow还同时直到刷新作用！ var _chooseTimes = 0; function InfoRow() if (_chooseTimes = 0) var cardInfo = document.getElementById(CurrentCard).insertRow(); var _cardName = cardInfo.insertCell(0); _cardName.innerHTML = _currentCard._name; var _cardRemain = cardInfo.insertCell(1); _cardRemain.innerHTML = ￥ + _currentCard._remain; var _cardTime = cardInfo.insertCell(2); _cardTime.innerHTML = _currentCard._times; var WalletInfo = document.getElementById(CurrentCard).insertRow(); var _wallet = WalletInfo.insertCell(0); _wallet.innerHTML = 钱包; var _walletMoney = WalletInfo.insertCell(1); _walletMoney.innerHTML = ￥ + Wallet._money; var _nullInfo = WalletInfo.insertCell(2); _nullInfo.innerHTML = ; _chooseTimes+; else document.getElementById(CurrentCard).rows(1).cells(0).innerHTML = _currentCard._name; document.getElementById(CurrentCard).rows(1).cells(1).innerHTML = ￥+_currentCard._remain; document.getElementById(CurrentCard).rows(1).cells(2).innerHTML = _currentCard._times; document.getElementById(CurrentCard).rows(2).cells(1).innerHTML = ￥+Wallet._money; function Select() var element = document.getElementById(WhichCard); var _currentCardID = element.optionselement.selectedIndex.value _currentCard = myCards_cu