Source Code Form Login Sederhana dengan Javascript – Melanjutkan pembahasan postingan sebelumnya yakni Source Code Kalkulator Sederhana dengan JavaScript, maka untuk kali ini hanya merupakan tambahan contoh saja.
Jika sobat memiliki sebuah akun di jaring sosial seperti facebook, twitter, dan kaskus maka untuk melakukan interaksi atau akses maka sobat akan diminta untuk login terlebih dahulu dengan memasukkan username dan password. Hal ini dilakukan dengan tujan agar akun yang sobat miliki di jejaring sosial tersebut tidak disalahgunakan oleh pihak yang tidak bertanggung jawab yang dapat berakibat buruk terhadap sobat.
Jadi pada kesempatan kali ini kita akan mencoba membuat sebuah form login sederhana dengan menggunakan javascript yakni terdapat 2 buah inputan yakni inputan untuk username dan inputan untuk password.
Algoritma dari form login terbilang mudah yakni user menginputkan username dan password dan apabila username atau password benar maka maka akan muncul pesan bahwa “selamat anda berhasil login” dan apabila salah akan muncul pesan “username dan password anda masukkan salah”.
Source code program:
<html>
<script language="JavaScript">
function Login(){
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="juned" && password=="123"){
alert("Selamat anda berhasil login");
}
else{
alert("User name dan password anda salah!");
}
}
</script>
<body>
<form name="login">
<table width="225" cellpadding="4">
<tr><td>Username</td><td><input type="text" name="username"></td></tr>
<tr><td>Password</td><td><input type="text" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td></tr>
</table>
</body>
</html>
Printscreen hasil output program:
Seperti biasanya saya tidak akan menjelaskan secara detail untuk setiap source code. Jadi apabila ada yang tidak dimengerti dari source code di atas, silahkan ditanyakan pada kolom komentar.
ijin copas gan buat tugas x-)
ReplyDeleteSilahkan mbak :)
DeleteIjin Share gan... :)
Deletecopas buat pecel aja
Deletegak usah pake ijin langsung copas aja mbak =p~
ReplyDeleteboleh sih gak pake ijin yang penting sertain link sumbernya :-b
Deleteijin gak ijin sma aja gan :-t
Deleteintinya mau di copas terserah yang penting taro link sumbernya
DeleteBetul bgt gan :)
Deletepas bgt dengan tugas kuliah saya
DeleteLoginnya next ke halaman selanjutnya pakai javascript bisa nggak gan?
ReplyDelete