Posted by : jody baharizki Wednesday, November 16, 2011

hai hai hai
ketemu lagi deh, kali ini kita akan belajar membuat form pembayaran di html sob, mungkin kalian juga pada dapet tugas ini bisa share disini.
oke, kali ini kita akan membuat seperti ini :




jangan bingung dulu.. kita bikin desainya terlebih dahulu :

<html>
<head>
</head>
<body>

<table>
<tr><td>
Kode Barang <td>: <input type="text" name="kode" id="kode">
<tr><td>
Jumlah <td>: <input type="text" name="jml" id="jml">
<tr><td>
Harga <td>: <input type="text" name="hrg" id="hrg">
<tr><td>
Diskon % <td>: <input type="text" name="dsk" id="dsk">
<tr><td>
Pajak % <td>: <input type="text" name="pjk" id="pjk">
<tr><td>
Total <td>: <input type="text" name="tot" id="tot">
<td><input type="button" name="ttl" id="ttl" value="Total" onclick="lihat()" ></td>
<tr><td>
Bayarnya <td>: <input type="text" name="byar" id="byar">
<td><input type="button" name="byr" id="byr" value="Bayar" onclick="bayar()"></td>
<tr><td>
Kembalian <td>: <input type="text" name="kbl" id="kbl">
</table>

</body>
</html>

kemudian kita akan membuat validasi seperti ini :

apabila kita belum mengisikan semua data di textbox, ketika kita meng-click button total maka akan muncul peringatan yang muncul di textbox total
begini caranya :


<script type="text/javascript">
function lihat(){
kd = document.getElementById("kode");
h = document.getElementById("hrg");
j = document.getElementById("jml");
d = document.getElementById("dsk");
p = document.getElementById("pjk");
tot = document.getElementById("tot");
tb = document.getElementById("ttl");
b = document.getElementById("byar");
byr = document.getElementById("byr");
k = document.getElementById("kbl");



if(kd.value == ""){
tot.value = "Kode SALAH";
return false;
}
if(j.value == ""){
tot.value = "Jumlah SALAH";
return false;
}

if(h.value == ""){
tot.value = "Harga SALAH";
return false;
}

if(d.value == ""){
tot.value = "Diskon SALAH";
return false;
}
if(p.value == ""){
tot.value = "Pajak SALAH";
return false;
}



j = parseInt(j.value);


h = parseInt(h.value);

d = parseInt(d.value);

p = parseInt(p.value);

h = h * j;

d = d * h / 100;

p = (h - d) * p / 100;


var totl = h - d + p;

tot.value = totl;
}
function bayar(){
k = document.getElementById("kbl");
b = document.getElementById("byar");
tot = document.getElementById("tot");


tot = parseInt(tot.value);
b = parseInt(b.value);
k.value = b - tot;
}

</script>

*letakan script tersebut di atas tag tabel

ketika kita click bayar maka hasilnya adalah :

beres dah
selamat mencoba ya semuanya

{ 2 comments... read them below or Comment }

  1. bro kenapa pas diklik bayar keluar tulisan "NaN ,itu kenapa ?

    ReplyDelete
    Replies
    1. kurnia seleb : untuk formnya harus angka semua jangan ada huruf atau tanda baca lainya

      Delete

Psang Iklan?

Psang Iklan?
Klik gambar diatas

Like Us!

Youtube

\
\

Labels

Powered by Blogger.

Total Pageviews

- Copyright © 2016 Jody Baharizki -@jodybaharizki- Powered by Blogger -