Cara membuat form login dengan javascript

Cara Membuat Form Login dengan JavaScript

- Pada artikel kali ini aku hendak kembali mangulas hal- hal yang berkaitan dengan pemrograman website, ialah membuat suatu form login pada taman website. Pada jejaring sosial semacam facebook, twitter, kaskus dll.

Kerap kali kita menciptakan suatu form login yang mana umumnya kamu di suruh buat memasukkan username ataupun email serta setelah itu password kamu. Perihal ini dicoba bertujuan selaku keamanan akun kamu dari pihak yang bertanggung jawab yang bisa menyalahgunakan akun kamu.

Nah, disini hendak berupaya membuat form login simpel dengan memakai javascript yang mana ada 2 buah inputan ialah username serta password. Algoritma buat membuat form login sendiri dapat bilang sederhana ialah bila username serta password dimasukkan benar hingga hendak timbul pesan“ Selamat kamu sukses login...!!!” serta begitu pula kebalikannya.

Source code Program nya


<html>
<script language="JavaScript">
function Login(){
var user = document.getElementById("username).value;
var pass = document.getElementById("password).value;

if (user=="admin" && passw=="123"){
alert("Selamat anda berhasil login");
}else{
alert("Username dan password anda salah!");
}
}
</script>

<body>
<form>
<table width="225" cellpadding="4">
<tr>
<td>Username</td>
<td><input type="text" id="username"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="text" id="password"></td>
</tr>
<tr>
<td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td>
</tr>
</table>
</form>
</body>
</html>

Penjelasan Kode Program

  • document. getElemetById(" username"). value: digunakan buat mengambil nilai ataupun isi dari input dengan id=" username"
  • document. getElementById(" password"). value: digunakan buat mengambil nilai tau isi dari input dengan id=" password"
  • if( user==" juned"&& pass=" 123"): Percabangan dengan memakai operator&&( maksudnya kedua keadaan wajib terpenuhi ialah user wajib bernilai" juned" serta pass wajib bernilai" 123" hingga keadaan hendak bernilai TRUE) bila nilai TRUE hingga hendak ditampilkan pesan Selamat Kamu sukses login.
  • else: kala keadaan bernilai FALSE hingga yang hendak dijalankan merupakan proses yang terdapat di dalam tag else ialah menunjukkan pesan" Username serta password salah!"
  • Sekian dari saya semoga membantu
See Also :