Menentukan Grade Nilai dengan HTML dan JavaScript

Contoh tabel hasil perhitungan dengan HTML dan JavaScript

Logikanya tidak jauh berbeda dengan menggunakan Excel, hanya ada beberapa sedikit tambahan.

Sebagai langkah awal, buat tabel terlebih dahulu seperti gambar diatas.

Lalu masukan kode JavaScript yang terdapat di spoiler dibawah ini (Klik tombol buka)

Kode:

function data(){
var quis = parseFloat(document.page.quis.value);
var tugas = parseFloat(document.page.tugas.value);
var uts = parseFloat(document.page.uts.value);
var uas = parseFloat(document.page.uas.value);
var ip = "";

var na = (0.10*quis)+(0.20*tugas)+(0.30*uts)+(0.40*uas);

if ((na >= 85) && (na <=100)) { ip="A"; } else if ((na >= 80) && (na<85 else="" if="" ip="A-" na="">= 75) && (na<80 else="" if="" ip="B+" na="">= 65) && (na<75 else="" if="" ip="B" na="">= 60) && (na<65 else="" if="" ip="B-" na="">= 55) && (na<60 else="" if="" ip="C" na="">= 50) && (na<55 a.value="a.value.substring(0,a.value.length-100);" a="" div="" document.page.ipk.value="ip;" document.page.total.value="na;" else="" function="" if="" ip="E" test="" validangka="">

Di dalam kode JavaScript tersebut sudah memuat validasi dan fungsi untuk menghitung nilai.
Validasi digunakan untuk memastikan input hanya berupa angka

*Note: memasukan kode JavaScript bisa dengan file eksternal, didalam file HTML itu sendiri maupun dengan URL.

Asumsi: Absensi 10%, Tugas 20%, UTS 30%, UAS 40%
Untuk mendownload source code lengkap HTML dan JavaScript, klik link dibawah ini
Download Source Code