Menghitung nilai akhir mahasiswa dengan html

Sobat Webhozz, gimana kabarnya nih? Seperti biasa, semoga sehat selalu ya, amin. Kali ini kita akan belajar tentang sebuah studi kasus.

Nah, sebelumnya buat para mahasiswa kan tentunya selalu ada rekap hasil ujian akhir semester yang dilalui. Mulai dari nilai absen, tugas, UAS, bahkan ke UAS. Semua itu nantinya akan diproses lagi untuk menghasilkan nilai akhirnya, dan keluar grade berdasarkan nilai akhir yang didapatkan.

Biasanya ketentuan nilai akhir tersebut adalah sebagai berikut.

  • Nilai absen biasanya dikalikan dengan 10%.
  • Nilai tugas biasanya dikalikan dengan 20%.
  • Nilai UTS biasanya dikalikan dengan 30%.
  • Nilai UAS biasanya dikalikan dengan 40%.
  • Nilai akhirnya adalah hasil penjumlahan dari nilai-nilai yang di atas
  • Muncullah grade dari nilai akhir tersebut.

 

Nah, sekarang adalah gimana cara kita mengaplikasikannya dalam pemograman web. Yuk kita pelajari sama-sama.

  1. Buat file html dulu, kita buat file untuk input nilainya, seperti di bawah ini.

 

Hitung Nilai AKhir Mahasiswa

 

Nama Mahasiswa :


 

Mata Kuliah :


 

Nilai Absen :


 

Nilai Tugas :


 

Nilai UTS :


 

Nilai UAS :



 

  1. Maka akan tampil seperti ini di browser.

 

Menghitung nilai akhir mahasiswa dengan html

3. Buat file php, untuk proses perhitungan dan ketikkan kode berikut.

 

$nama   = $_POST[‘nama’];

$makul  = $_POST[‘makul’];

$absen  = $_POST[‘absen’];

$tugas  = $_POST[‘tugas’];

$uts    = $_POST[‘uts’];

$uas    = $_POST[‘uas’];

 

 

//menghitung nilai dari yang tadi kita input

$nilai_absen = $absen * 0.1;

$nilai_tugas = $tugas * 0.2;

$nilai_uts   = $uts * 0.3;

$nilai_uas   = $uas * 0.4;

 

//penjumlahan dari nilai-nilai yang sudah diinput

$nilai_akhir = $nilai_absen + $nilai_tugas + $nilai_uts + $nilai_uas;

 

//menampilkan grade berdasarkan hasil nilai akhir

if ($nilai_akhir>=80)

{

$grade = “A”;

}

elseif ($nilai_akhir>=70)

{

$grade = “B”;

}

elseif ($nilai_akhir>=50)

{

$grade = “C”;

}

elseif ($nilai_akhir>=40)

{

$grade = “D”;

}

else

{

$grade = “E”;

}

 

echo

Hitung Nilai AKhir Mahasiswa

 

Nama Mahasiswa : $nama

Mata Kuliah : $makul

Nilai Absen : $nilai_absen

Nilai Tugas : $nilai_tugas

Nilai UTS   : $nilai_uts

Nilai UAS   : $nilai_uas

 

Nilai Akhir : $nilai_akhir

Grade : $grade

“;

 

?>

  1. Silahkan jalankan di browser, dimulai dari file input yang berformat html Isi pada kotak yang tersedia. Kemudian klik Hitung.

Menghitung nilai akhir mahasiswa dengan html

5. Seperti inilah hasilnya. Setelah kita mengklik tombol hitung.

Menghitung nilai akhir mahasiswa dengan html

 

 

Untuk mencoba agar program bisa menampilkan grade yang lain, silahkan coba dengan memasukkan nilai yang berbeda.

Begitulah sedikit studi kasus yang kita pelajari pada kesempatan kali ini. Maka dari itu, selamat mencoba ya…Dan akhir kata, demikianlah postingan artikel ini. Semoga bermanfaat ya, amin.

Untuk membuat program hitung nilai akhir mahasiswa menggunakan bahasa pemrograman HTML

Menghitung nilai akhir mahasiswa dengan html
Kucingsedih

Desember 21, 2022 - 21:02

Desember 23, 2022 - 16:27

 0  7

Menghitung nilai akhir mahasiswa dengan html
Sumber : Fekuta.com

Untuk membuat program hitung nilai akhir mahasiswa menggunakan bahasa pemrograman HTML, Anda bisa menggunakan form HTML dan JavaScript untuk menerima input dari pengguna dan menghitung nilai akhir mahasiswa. Berikut ini adalah contoh sederhana program hitung nilai akhir mahasiswa menggunakan HTML dan JavaScript :

Menghitung nilai akhir mahasiswa dengan html

Untuk codingannya bisa di download di bawah ya !!

Pada contoh di atas, kami menggunakan form HTML untuk menerima input nilai UTS, UAS, tugas, dan absensi dari pengguna. Kemudian, kami menggunakan fungsi JavaScript 'hitungNilaiAkhir()' untuk menghitung nilai akhir mahasiswa dengan menjumlahkan nilai UTS, UAS, tugas, dan absensi dan membagi hasilnya dengan empat. Hasilnya kemudian ditampilkan pada elemen HTML dengan ID "nilaiAkhir".

Hasil Dari Program HTML bisa cek di bawah.

Menghitung nilai akhir mahasiswa dengan html

Anda juga bisa menambahkan validasi input atau logika lainnya sesuai dengan kebutuhan Anda. Semoga membantu !

Menghitung nilai akhir mahasiswa dengan html

Untuk File Downloadnya bisa cek paling bawah ya !!

Penutup dari artikel ini

Jika Anda memiliki pertanyaan, Anda dapat menanyakannya di komentar di bawah atau bisa cek di Halaman Kontak yang suda kami sediakan [Klik Link]. Terima kasih telah meluangkan waktu untuk membaca, semoga artikel ini bermanfaat bagi yang membacanya. Terima kasih.