Source Code Form Login Sederhana dengan Javascript

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.

Source Code Form Login Sederhana dengan Javascript

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.

Berlangganan artikel via email!

Follow us!

11 komentar:

  1. ijin copas gan buat tugas x-)

    ReplyDelete
  2. gak usah pake ijin langsung copas aja mbak =p~

    ReplyDelete
    Replies
    1. boleh sih gak pake ijin yang penting sertain link sumbernya :-b

      Delete
    2. ijin gak ijin sma aja gan :-t

      Delete
    3. intinya mau di copas terserah yang penting taro link sumbernya

      Delete
    4. pas bgt dengan tugas kuliah saya

      Delete
  3. Loginnya next ke halaman selanjutnya pakai javascript bisa nggak gan?

    ReplyDelete
Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 

Koleksi Ceramah Islam MP3


  Bloggers.com

Space Iklan

200x160