Membuat Form Javascript menggunakan NetBeans

0
88

Halo semuanya…  kali in saya akan memposting tutorial cara membuat form javascript menggunkaan neatbean.

Pertama tama kita buka dulu neatbean di pc atau laptop kita dulu.

Setelah di buka beginilah tampilan dari neatbean.

Kemudian pilih file dan klik new project.

Setelah memilih new project kita bias memilih java dan pilih java application setelah itu next.

Kemudian kita ganti nama project nya dan atur penyimpanannya. Kali ini saya memilih penyimpanan E dan nama file saya adalah neatbean lalu finish

Beginilah tampilan nya ketika kita sudah menyimpan projectnya.

Nah sekarang kita buat formnya. Pertama kita klik kanan pada nama file projectnya yang ada symbol cangkir kopi itu ya..  pilih new -> jframe form

Setelah itu kita bisa desain formnya.

Kali ini saya akan membuat form kwitansi pembayaran kwitansi pembayaran makanan

Pilih label yang terdapat di bagian kanan. Setelah itu kita arahkan ke form yang mau kita buat.

Lalu kita ubah nama label menjadi kwitansi pembayaran makanan

Selanjutnya kita lakukan hal ,yang sama. Saya membuat 6 label pada form saya.

Kemudian pilih text filed dan arahkan kursor ke form yang mau kita buat.

Hapus nama text filed lalu rapikan.

Kira kira seperti inilah sesudah kita hapus tulisan text filednya daan kita rapikaan text filed nya

Lalu kita ganti nama variable yang ada di text buat memudahkan kita waktu menginputkan kodingnya nanti.

Klik kanan salah satu text filed yang sudah kita buat pilih change variable name dan ganti namanya.

Klik ok

Lalu kita pilih button dan arahkan kursor ke form. Dan ubah nama buttonnya menjadi hasil

Klik kanan button -> event -> mouse -> mouseClicked

Maka akan muncul tampilan berikut. Dan kita bias mulai menginputkan koding nya.

Kemudian Inputkan koding nya .

int np = 0;

int jp;

double harga = 0;

double jh =0;

double ppn =0;

double jb=0;

np=Integer.parseInt(Tpaket.getText());

jp=Integer.parseInt(Tjumpak.getText());

switch(np){

case  1 : {

harga=15000;

}

break;

case  2 :

harga=20000;

 

break;

default :

System.out.println(“Paket yang anda pilih tidak ada”);

 

}

jh=jp*harga;

ppn =0.10*jh;

jb = jh+ppn;

Tharga.setText(String.valueOf(harga));

Tjumlah.setText(String.valueOf(jh));

Tppn.setText(String.valueOf(ppn));

Tbayar.setText(String.valueOf(jb));

}

Note : tulisan yang berwarna hijau pada koding neatbean adalah nama variable dari text filed

Setelah kita inputkan kita bias run form yang kita buat. Klik Run -> run file. Jika tidak ada pesan error itu artinya koding yang kita input benar dan akan muncul tampilan berikut.

Kita uji coba apakah form yang kita buat berhasil atau tidak. Jika berhasil maka akan muncul tampilan berikut.

Baiklah demikian yang dapat saya sampaikan.. jika ada salah dalam pengetikan saya sebagai seorang penulis meminta maaf dan semoga materi yang saya posting kali ini bias bermanfaat untuk kita semua.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.