Membuat halaman conditional (cek hasil tes TOEFL)
Link website : https://yusrilhm.000webhostapp.com/
1. Saya membuat 3 file php, yg pertama index.php, header.php dan form.php, pada file index.php saya mengisikan tag html dengan menambahkan kode php <?php dengan menambahkan fungsi include untuk memanggil atau menyisipkan file header.php dan form.php.
2. Kemudian pada file header.php saya membuat tag <header dengan class container, posisi text ditengah/center , dan background color kuning/warning, untuk judul di header saya menggunakan tag <h1> dengan font fw-light pada bootstrap
3. pada file form.php saya membuat sebuah form untuk dengan class countainer dan method menggunakan POST, saya juga menambahkan div dengan class badge dengan warna bg-dark/hitam agar lebih menarik saya menambahkan text-wrap untuk membungkus teksnya dengan posisi width dan ukuran 20rem, saya menambahkan tag <input> dengan type number karena saya ingin menginputkan angka , name score dan placeholder, untuk tombol submitnya saya menggunakan tag <input> dengan type=submit, class=btn btn-primary agar botton lebih menarik dengan value=hasil
5. lalu saya membuat pengondisian else dimana jika semua kondisi if dan elseif salah maka kondisi di else yang akan dijalankan, contoh disini jika else maka variabel $grade = D, variabel $tingkatan = "beginner", dan variabel $catatan = "terus belajar dan jangan menyerah". lalu saya membuat echo untuk menampilkan hasil tes , echo score dengan mengambil hasil dari variabel $score, echo tingkatan dengan mengambil hasil dari variabel $tingkatan, echo grade dengan mengambil hasil dari variabel $grade, echo catatan dengan mengambil hasil dari variabel $catatan
6. lalu saya menguploadnya ke 000webhost
7. dan seperti tampilannya
8. kemudian kita akan mencuba menginputkan nilai 90 maka akan memunculkan hasil dari if seperti dibawah
9. kemudian kita mencoba memasukkan nilai di bawah 50 yang berarti else maka akan muncul hasil seperti dibawah
Mungkin itu dari saya, kurang lebihnya mohon maaf...








Tidak ada komentar:
Posting Komentar