JavaScript/Tugas3_js.html at main · cindy881/JavaScript · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<script language="javascript">
    //array of object
    let m1 = {nama:"Budi", nilai:75};
    let m2 = {nama:"Bedu", nilai:55};
    let m3 = {nama:"Dedi", nilai:95};
    let m4 = {nama:"Dudi", nilai:88};
    let m5 = {nama:"Deden", nilai:25};
    let m6 = {nama:"Desi", nilai:65};

    let mahasiswa = [m1, m2, m3, m4, m5, m6];
    </script>

    <h3 align="center">Daftar Nilai Mahasiswa</h3>
    <table align="center" border="1" cellpadding="10">
        <thead>
            <tr bgcolor="tomato">
                <th>NO</th>
                <th>NAMA</th>
                <th>NILAI</th>
                <th>KETERANGAN</th>
                <th>GRADE</th>
                <th>PREDIKAT</th>
            </tr>
        </thead>
        <tbody>
            <script language="javascript">
            let no = 1;
            for(m of mahasiswa) {

                //set kelulusan
                let ket = ( m.nilai >= 60) ? "Lulus" : "Gagal";

                //set grade A - E (if multi kondisi)
                // A = 85 - 100, B = 75 - < 85 dst
                if (m.nilai >= 85 && m.nilai <= 100) {
                    grade = 'A';
                } else if (m.nilai >= 75 && m.nilai <= 84) {
                    grade = 'B';
                } else if (m.nilai >= 65 && m.nilai <= 74) {
                    grade = 'C';
                } else if (m.nilai >= 55 && m.nilai <= 64) {
                    grade = 'D';
                } else if (m.nilai <= 54) {
                    grade = 'E';
                } else {
                    grade = '';
                }

                //set predikat ( swtich case)
                //A = Memuaskan, B=Bagus, C=Cukup, D=kurang, E=Buruk
                switch (grade) {
                    case "A": predikat = "Memuaskan"; break;
                    case "B": predikat = "Bagus"; break;
                    case "C": predikat = "Cukup"; break;
                    case "D": predikat = "Kurang"; break;
                    case "E": predikat = "Buruk"; break;
                    default: predikat = ""; break;
                }

                //set warna-warni baris ganjil & genap
                var warna = (no % 2 == 0) ? 'aqua' : 'yellow';

                // PRINT
                document.write(`<tr bgcolor="${warna}">
                    <td>${no++}</td>
                    <td>${m.nama}</td>
                    <td>${m.nilai}</td>
                    <td>${ket}</td>
                    <td>${grade}</td>
                    <td>${predikat}</td>
                </tr>`);
            }
            </script>
        </tbody>
    </table>