Latest Updates

Cara membuat Menu Login Sederhana Dengan menggunakan Javascript

Javascript sebenarnya tidak jauh beda dengan bahasa java, kali ini saya akan membuat menu login menggunakan bahasa javascript, yang terdapat pada file HTML.

Langsung aj ke hasilnya dlu ya gan :D











Sekarang kita masuk ke source code nya, agan tinggal copas aj bisa, tapi saran ane mending agan nulis ndri, buat latihan + menghafal :D


<html>
<head>
<title> </title>
</head>
<script>
function userLogin()
{
var myForm = document.login;
if (myForm.username.value == "bara" && myForm.pass.value == "bara")
window.location.href = "kalkulator.html";
else
alert("username atau password yang dimasukkan salah");
}
</script>
<body>
<u>Login User</u> </br>
<FORM NAME="login">
Username: <INPUT NAME="username">
<BR>
Password: <INPUT NAME="pass" TYPE=PASSWORD>
<BR>
<INPUT TYPE=BUTTON VALUE="Login" onClick="userLogin()">
</FORM>

</body>
</html>

penjelasan :
if (myForm.username.value == "bara" && myForm.pass.value == "bara")
kata bara pada baris di atas adalah sebuah username dan password untuk login, agan bisa rubah itu sesuai keinginan agan2. .

NB : jangan lupa di save dengan format HTML.

Semoga bermanfaat. .


2 Responses to "Cara membuat Menu Login Sederhana Dengan menggunakan Javascript"