Welcomes Telegram group ! Link Button

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
post section Don't remove this section, otherwise theme will crash.

Rate this article

Getting Info...

About Post Author

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Plus UI, you agreed to use cookies in agreement with the Plus UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.