Membuat Login Sederhana Dengan Prompt Javascript


Pada kesempatan kali ini saya akan memberikan hasil ngiseng saya Membuat Login Sederhana Dengan Prompt Javascript, sebenarnya ini keisengan saya saat waktu luang, karenanya saya sempatkan untuk menulis di blog.

Sebelum membahas lebih jauh, saya sangat tidak menyarankan anda untuk membuat prompt javascript untuk penggunaan pada aplikasi anda, karena prompt javascript sangat tidak secure untuk digunakan pada aplikasi yang akan anda buat. Mengapa.?

Karena kode javascript frontend script bukan serverside script, sehingga akan sangat mudah bagi orang iseng atau cracker membobol user dan password yang anda buat, di chrome cukup menekan tombol F12 atau menekan CTRL + SHIFT + J maka kode anda bisa terlihat dengan jelas :D

Tujuan tulisan ini di buat adalah untuk menambah pegetahuan mengenai javascript terutama untuk diri saya sendiri dan mudah mudahan bisa bermanfaat untuk anda.

Langsung saja silahkan copas code di bawah ini, kemudian simpan dengan nama file.html di direktori yang anda suka.

<html>
<title> Login Prompt Using Javascript | www.hakkoblogs.com</title>
</head>
<body>
<script type="text/javascript">
    var userName=prompt("Username","")
    var passWord=prompt("Password","")
    if (userName+passWord=="test123456789" || userName+passWord=="987654321test") {
    url = 'http://www.hakkoblogs.com'
    window.open(url);//should let you download file.
    }
    else {
window.location='logout.html'
    }
</script>
</body>
</html>

Bila sudah anda simpan file tersebut silahkan anda jalan kan di browser, maka akan muncul tampilan seperti di bawah ini


  • Tampilan pertama akan memunculkan prompt untuk username, seperti gambar di bawah ini




  •  Ketika di klik oke maka akan muncul tampilan berikutnya yaitu propt password, seperti gambar di bawah ini


Dari script di atas dapat kita ketahui, ketika menginput username test dan password 123456789 atau username 987654321 dan password test  maka akan di arahkan ke url www.hakkoblogs.com bisa user dan password tidak sesuai maka akan di arahkan ke halaman logout.html.

Bagaimana mudah bukan.?, tentunya ya. semoga tutorial singkat ini bisa menambah wawasan dan pengetahuan untuk anda, begtulah cara Membuat Login Sederhana Dengan Prompt Javascript.

Selamat Mencoba
Previous
Next Post »