ATM Javascript问题

时间:2014-03-15 01:11:55

标签: javascript jquery html

我需要修改这个代码,而不是在按下金钱按钮时取款,我需要在选择金额后单击撤销按钮时撤销它。

请帮忙。谢谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title> ATM Model 170-JavaScript Assignment 7: Valarie Salas</title>
</head>
<body>
    <h1>Welcome!</h1>
    <table>
        <tr>
            <td><input type="button" value="$20" onclick='withdraw(20)'/></td>
            <td></td>
            <td></td>
            <td><input type="button" value="Withdrawal" onclick='withdrawamount+'/></td>
        </tr>
        <tr>
            <td><input type="button" value="$60" onclick='withdraw(60)'/></td>
            <td>Current Balance</td>
            <td><input type="text" name="Current Balance" value="5000.00" id="textField1" onchange=''/></td>
            <td></td>
        </tr>
    <tr>
        <td><input type="button" value="$100" onclick='withdraw(100)'/></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td><input type="button" value="Other Amount" onclick='alert("Sorry.  This Function Is Not Available.")'/></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    </table>

    <script type="text/javascript">

        alert("Please select the amount you would like to withdraw.")
        var balance=5000;

        function withdraw(amount)
        {
            var sure = confirm("Are you sure you want to withdraw $"+amount+" from this account?");
            if(sure == true)
            {
            balance = balance - amount;
            document.getElementById("textField1").value = balance;
            }else
            {
            alert("No withdrawal made");
            }
            alert("Your balance is "+balance);
        }



    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

从你的引用到 Dogoku

  

我确实想学习Javascript。我只是在寻找一些建议   并指出引导我朝正确的方向发展。

我可以建议的是,如果您没有使用20,60和100的按钮,而是将它们设置为带有Id的单选按钮,那该怎么办。

因此,您可以让用户选择他们想要撤消多少,然后点击撤消按钮。当他们这样做时,请检查哪个单选按钮是 已检查 ,这可以通过 document.getElementById('nameOfYourRadioBtn')来完成。

这可以帮助你开始。 (还记得设置条件以确保用户在任何时候都不能选择多个单选按钮。)

希望这会指出你正确的方向。享受编码:)

库什