JS If Conditions

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Penentuan Nilai Mahasiswa</h2>
    <input type="number" id="inputNilai" placeholder="Masukkan nilai (0-100)" value="85" style="padding:8px; width:180px;">
    <button onclick="cekKelulusan()" style="padding:8px 15px; cursor:pointer;">Evaluasi</button>
    <div id="hasilEvaluasi" style="margin-top:15px; font-weight:bold;"></div>

    <script>
        function cekKelulusan() {
            let nilai = parseInt(document.getElementById('inputNilai').value);
            let grade = "";
            let warna = "";

            if (nilai >= 85) {
                grade = "A (Sangat Memuaskan)";
                warna = "#04AA6D";
            } else if (nilai >= 70) {
                grade = "B (Baik)";
                warna = "#0d2e5c";
            } else if (nilai >= 55) {
                grade = "C (Cukup)";
                warna = "#fca311";
            } else {
                grade = "D (Mengulang)";
                warna = "#e34f26";
            }

            let box = document.getElementById('hasilEvaluasi');
            box.innerText = "Hasil Predikat: " + grade;
            box.style.color = warna;
        }
        cekKelulusan();
    </script>
</body>
</html>