Untitled

<html>
<head>
    <title> Nilai Mahasiswa </title>
<style>
    input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #3CBC8D;
    resize: vertical;
}

input[type=submit]:hover {
    background-color: #45a049;
}
</style>


</head>
<body>
    <fieldset>
        <legend>MENGHITUNG NILAI AKHIR MAHASISWA </legend>

<table border="0" align="center">
<form id="form_mhs" method="POST">
<tr>
    <td> <label for="f_nama">Name </label> </td>
    <td> : </td>
    <td> <input type="text" name="nama" size="40" id="nama" /></td>
</tr>

<tr>
    <td> <label for="f_stb">Stambuk </label> </td>
    <td> : </td>
    <td> <input type="text" name="stb" size="40" id="stb"> </td>
</tr>

 <tr>
    <td> <label for="f_jur"> Jenis Kelamin</label> </td>
    <td> : </td>
    <td> <input type="radio" name="JK" value="Laki-Laki" size="40"> Laki-Laki
         <input type="radio" name="JK" value="Perempuan" size="40"> Perempuan</td>
</tr>

<tr>
    <td> <label for="f_jur"> Jurusan</label> </td>
    <td> : </td>
    <td> <input type="text" name="jurusan" size="40"> </td>
</tr>

<tr>
    <td> <label for="f_ntugas">Nilai Tugas</label> </td>
    <td> : </td>
    <td> <input type="text" name="n_tugas" size="40"></td>
</tr>

<tr>
    <td> <label for="f_nmid">Nilai MID</label> </td>
    <td> : </td>
    <td> <input type="text" name="n_mid" size="40"> </td>
</tr>

<tr>
    <td> <label for="f_nfinal">Nilai Final </label> </td>
    <td> : </td>
    <td> <input type="text" name="n_final" size="40"> </td>
</tr>


<tr> </tr>


<tr>
    <td> <input type="button" onclick="result()" value="Hasil">
            <input type="reset" value="Reset" /> </td>
</tr>
</form>
</table>
</fieldset>

<br>
<br>

Hasil
  <div id="hasil"></div>
<script>
    function result() {
        var name = document.forms["form_mhs"]["nama"].value;
        var stb = document.forms["form_mhs"]["stb"].value;
        var jurusan = document.forms["form_mhs"]["jurusan"].value;
        var JK = document.forms["form_mhs"]["JK"].value;
        var n_tugas = document.forms["form_mhs"]["n_tugas"].value;
        var n_mid = document.forms["form_mhs"]["n_mid"].value;
        var n_final = document.forms["form_mhs"]["n_final"].value;
        n_total = (n_tugas*1+n_mid*1+n_final*1)/3;
        var ket;
        if(n_total<50)
 ket="E";
 else if (n_total<60)
 ket="D";
 else if (n_total<70)
 ket="C";
 else if (n_total<85)
 ket="B";
 else if (n_total<=100 && n_total>=85)
 ket="A";
 else
 ket="Input Salah >> 0-100";

        var result = 'Nama : '+name+'<br/>Stambuk : '+stb+'<br/>Jurusan : '+jurusan+'<br/> Jenis Kelamin : '+JK+'<br/> Nilai Total : '+n_total+'<br/> Nilai Huruf : '+ket;
        document.getElementById("hasil").innerHTML = result;

</script>

</table>
</table>
</body>
</html>