fetch/_payment.html at master · greatEncoder/fetch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<div id="payment">
    <div class="container-fluid text-center row">
        <div class="col-xs-12">
            <h1>Payment</h1>

            <h4>Your Order: </h4>
            <p>Service Charge: $5.00</p>
            <p id="cost">Estimated Cost: $</p>
            <p>______________________________</p>

            <p id="total">Estimated Total: $</p>

        </div>
        <div class="footer " style="text-align: center">
            <a type="button" class="btn waves-effect orange">Confirm</a>
            <a href="/account.html" class="btn waves-effect orange" role="button">Cancel</a>
        </div>
    </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script>

    function loadPage() {
        var cost = 10;
        var c=cost.toFixed(2);

        // grab cost

        $('#cost').append(c);

        var total = cost + 5.00;
        var t=total.toFixed(2);

        $('#total').append(t);
    }
    $(document).ready(function () {
        loadPage();

    });
</script>