Wednesday, November 9, 2011

Function Hitung Gaji Pokok Dan Validasi

<html>
<head>
<title>Hitung Gaji Pokok</title>
<script type="text/javascript">
function hitung()
{
        if(document.getElementById("gp").value == "")
        {
        alert("Gaji Pokok Tidak Boleh Kosong");
        document.getElementById("gp").focus;
        return false;
        }
var gaji = document.getElementById("gp").value;
        var a = eval(gaji) * 0.1;
        var b = eval(gaji) * 0.2;
        var c = eval(gaji) + eval(a) + eval(b);
        document.getElementById("ta").value = a;
        document.getElementById("ti").value = b;
        document.getElementById("gt").value = c;
        }
</script>
</head>
<body>
<pre>
Gaji Pokok    <input type="text" id="gp">
Tunjangan Anak    <input type="text" id="ta">
Tunjangan Istri <input type="text" id="ti">
Gaji Total    <input type="text" id="gt">
            <input type="button" value="Hitung" onclick="hitung()">
</pre>
</body>
</html>

Hasil Running Sebagai Berikut :

Validasi Jika Gaji Pokok Kosong :