Membuat Form Login dengan IF Else dengan JavaScript | HTML

Membuat Form Login dengan IF Else dengan JavaScript | HTML

recudo.com - Hay guys.. Jumpa lagi nih dengan recudo. Gimana nih kabar kalian?. Semoga baik-baik saja yah. Disini admin akan memberikan tutorial tentang HTML "Membuat Form Login dengan IF Else pada JavaScript". Langsung aja nih admin akan memberikan nya secara singkat.

Langkah nya.

1. Buka aplikasi Dreamweaver kalian, lalu pilih HTML, dan akan tampil seperti dibawah ini.


2. Setelah itu, Copy Paste  coding seperti in:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IF Else</title>
<script>
function Login() {

var username=document.login.username.value;
var password=document.login.password.value;
if(username=="recudo" && password=="contoh"){
alert("Username dan password anda Benar");
}
else {
alert("Username dan Password anda Salah");
}
}
</script>
</head>

<body>
<form name="login">
  <tr><td><p><strong>Membuat Form Login dengan IF Else pada JavaScript </strong></p>
    <p>Username
      <input type="text" name="username" />
    </p>
    </td>
  </tr>
  <tr><td><p>Password
      <input type="" name="password" />
    </p></td></tr>
  <tr><td colspan="2" align="left"><p>
        <input type="button" value="Login" onclick="Login()"/>
      </p></td></tr>
</form>
</body>
</html>

3. Setelah itu, simpan file dengan ekstensi *html, seperti tampilan di bawah ini.


4. Setelah itu, buka file IfElse.html tersebut, lalu akan muncul tampilan seperti di bawah ini;


5. Setelah itu, inputkan Username dan Password nya


6. Okey, selesai.

Terima kasih telah mengunjungi artikel ini, semoga dapat bermanfaat bagi kalian yang sedang mencari tugas seperti ini.
Dan tetap nantikan artikel menarik dari recudo yah.









EmoticonEmoticon