IF,ELSE,IF

 

🧠 REFLEKSI PEMBELAJARAN

Nama: ALDY
Kelas: XI RPL
Mata Pelajaran: Informatika / Pemrograman Dasar
Tanggal: 14 Oktober 2025

---

📘 Materi yang Dipelajari

Pada pelajaran kali ini saya belajar membuat program penilaian nilai siswa menggunakan bahasa pemrograman PHP dan JavaScript.
Awalnya saya mencoba menjalankan program menggunakan PHP, namun Blogger tidak mendukung PHP sehingga program tidak berjalan.
Kemudian saya mengubahnya menjadi JavaScript, agar bisa dijalankan langsung di halaman Blogger tanpa server tambahan.

Program ini bertujuan untuk menentukan predikat nilai (A, B, C, D, E) berdasarkan input nilai dari pengguna.

---

💡 Hal yang Saya Pahami

Dari pembelajaran ini saya memahami beberapa hal:

1. Perbedaan antara PHP (server-side) dan JavaScript (client-side).

2. Cara membuat form input nilai, lalu menampilkan hasilnya dengan logika if–else.

3. Menambahkan warna dan tampilan CSS agar hasilnya lebih menarik dan mudah dibaca.

---

⚙️ Hal yang Masih Sulit

Saya masih kesulitan dalam:

• Menata posisi tampilan form agar lebih rapi.

• Memahami cara kerja JavaScript untuk memproses data input pengguna.

• Membuat efek animasi dan warna yang lembut.

---

🌈 Refleksi Diri

Saya merasa senang dan lebih percaya diri karena sudah bisa membuat program sederhana yang berfungsi di Blogger.
Saya belajar bahwa kesalahan bukan akhir, tapi proses untuk memahami logika coding dengan lebih baik.
Saya juga menyadari pentingnya konsistensi dan latihan agar kemampuan pemrograman semakin meningkat.

---

💻 SINTAKS PROGRAM

<form id="nilaiForm">
  <input type="text" id="nilai" placeholder="Masukkan nilai (0-100)">
  <input type="submit" value="Proses">
</form>

<div id="output"></div>

<script>
document.getElementById('nilaiForm').addEventListener('submit', function(e) {
  e.preventDefault();
  const nilai = parseInt(document.getElementById('nilai').value);
  let predikat = "";
  let warna = "";

  if (nilai >= 91 && nilai <= 100) { predikat = "A"; warna = "green"; }
  else if (nilai >= 81) { predikat = "B"; warna = "blue"; }
  else if (nilai >= 71) { predikat = "C"; warna = "orange"; }
  else if (nilai >= 60) { predikat = "D"; warna = "red"; }
  else if (nilai >= 0) { predikat = "E"; warna = "gray"; }
  else { predikat = "Tidak Valid"; warna = "black"; }

  document.getElementById('output').innerHTML = `
    <div style="color:${warna}; font-weight:bold;">
      Nilai Anda: ${nilai}<br>
      Predikat: ${predikat}
    </div>
  `;
});
</script>

---

🖥️ OUTPUT PROGRAM (Tampilan Hasil)

Jika dijalankan di Blogger atau browser, hasilnya akan seperti ini:

Contoh Input dan Output:

Nilai	Predikat	Warna	Keterangan
95	A	Hijau	Baik Sekali 🌟
83	B	Biru	Baik 👍
75	C	Oranye	Cukup 🙂
65	D	Merah	Kurang 😢
50	E	Abu-abu	Belajar Lagi 💪

---

🪞 Kesimpulan

Dari pembelajaran ini saya mendapatkan pemahaman bahwa coding bukan hanya mengetikkan sintaks, tetapi juga berpikir logis dan kreatif.
Saya akan terus berlatih membuat program kecil lain agar semakin terampil.