Jquery day3 by BCS https://padlet.com/BarcelonaCodeSchool/vth03afnltgf jquery exercises en-us 2017-06-06 09:06:00 UTC 2017-06-06 09:08:30 UTC hello@padlet.com Luke-exercise1 BarcelonaCodeSchool https://padlet.com/BarcelonaCodeSchool/vth03afnltgf/wish/175348154 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    <link rel="stylesheet" type="text/css" href="Exercise3.css">
</head>

<body>

    <div>
        Name:
        <input id="name" type="text" name="firstname">
    </div>
    <div>
        Course Cost:
        <input id="cost" type="number" name="coursecost">
    </div>
    <div>
        Paid:
        <input id="paid" type="number" name="paidcost"><br><br>
        <button type="button">Submit</button>
    </div>
    <table id="nameTable">
        <tr>
            <th id="name">First Name</th>
            <th id="email">Surname</th>
            <th id="phone">Cost</th>
            <th id="addr">Paid</th>
        </tr>
        <TR>
            <TD class=capital>Jason</TD>
            <TD class=capital>Bourne</TD>
        </TR>
        <TR>
            <TD class=capital>Michael</TD>
            <TD class=capital> Jordan</TD>
        </TR>
        <TR>
            <TD class=capital>Peter</TD>
            <TD class=capital>Parker</TD>
        </TR>
    </table>




    <script>
        $("button").click(function() {
            var splitting = $('#name').val().split(' ');
            var costVal = parseFloat($('#cost').val());
            var paidVal = parseFloat($('#paid').val());
            var firstName = splitting.shift();
            var secondName = splitting.join();
            var initial = secondName.substring(0, 1) + ".";
            console.log(typeof paidVal)
                        
            $("#nameTable").append("<tr><td>" + firstName + "</td><td>" + secondName + "</td><td>" + costVal + "</td><td>" + paidVal + "</td></tr>").addClass("capital")
            
            $('#nameTable').each(function() {
                if (paidVal < costVal) {
                $('tr').last().css('background-color', 'red');
                };
                if (costVal < paidVal) {
                $('tr').last().css('background-color', 'yellow');
                    alert('student paid more')
                };
                if (costVal == paidVal) {
                $('tr').last().css('background-color', 'green');
                };
                
            });
        });
    </script>

    

</body>

</html>]]> 2017-06-06 09:08:26 UTC https://padlet.com/BarcelonaCodeSchool/vth03afnltgf/wish/175348154