60 Gambar 4.4 Halaman Utama Pengisian Sukses
Berikut merupakan perintah untuk mengecek apakah jawaban sudah terisi semua dengan benar :
var bener = document.getElementsByNamebener.length; var kosong = document.tts.getElementsByTagNameinput.length;
ifbener == kosong{ findTIME;
document.getElementByIdcheckeryo.innerHTML = Selamat....... Jawaban Anda Benar Semua.;
document.getElementByIdlokasiinputan.innerHTML = ;
4.6.1 Form Login
Halaman tersebut berisi form login untuk memperoleh akses masuk dan dapat bermain teka-teki silang sebagai member. Pada form login terdapat
username dan password.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
61 Gambar 4.5 Halaman Login
Berikut merupakan perintah untuk mengecek login yang dilakukan oleh user dengan benar :
form name=loginform id=loginform action=login.php method=post
p labelUsernamebr
input name=userlogin id=userlogin class=input value= size=20 tabindex=10 type=textlabel
p p
labelPasswordbr input
name=userpass id=userpass class=input
value= size=20 tabindex=20 type=passwordlabel p
p class=submit
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
62
input name=wp-submit id=wp-submit value=Log In tabindex=100 type=submit
p form
4.6.2 Form Registrasi
Halaman tersebut berisi form regristrasi untuk memperoleh akses masuk dan mendaftar sebagai member, pendaftar wajib mengisi semua form data
registrasi tersebut. Pengisian form registrasi tersebut pada variabel password dan confirm password harus di isi dengan isian yang sama. Pengisian form registrasi
untuk bisa mendaftar sebagai member :
Gambar 4.6 Form Registrasi
Perintah untuk penyimpanan data input user setelah mendaftar sebagai berikut : form name=registrasi
table width=434 border=0
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
63
tr td width=107 colspan=3bForm Isian btd
tr tr
tdNamatd td : td
tdinput type=text name=nama td tr
tr tdUsernametd
td:td tdinput type=text name=username td
tr tr
tdPasswordtd td:td
tdinput class=input name=password type=passwordtd tr
tr tdConfirm Password td
td:td tdinput class=input name=confirmpassword type=passwordtd
tr
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
64
tr tdnbsp;td
tdnbsp;td tdnbsp;td
tr tr
tdnbsp;td tdnbsp;td
tdlabel input
type=button name=Submit
value=Submit onClick=registrasimember;
labeltd tr
table form
Setelah pendaftar mengisi form di atas dan menekan tombol Submit, maka pendaftar akan mendapat informasi, seperti gambar berikut :
Gambar 4.7 Halaman Registrasi Sukses
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
65
4.7 Halaman User