Cara Membuat Generator Password dengan Bootstrap dan Javascript

Cara Membuat Generator Password dengan Bootstrap dan Javascript - Generator password merupakan salah satu fitur yang sekarang ini mudah kita jumpai, mungkin kalian pernah membuat akun dan diminta untuk membuat password, biasanya ketika membuat password akan tersedia fitur generator password untuk memudahkan dalam memilih password yang baik dan kuat, hal ini bertujuan agar password tidak mudah untuk ditebak oleh orang - orang yang tidak bertanggung jawab.

Pada kesempatan kali ini saya akan kasih tutorial bagaimana Cara Membuat Generator Password dengan Bootstrap dan Javascript, bagi kalian yang ingin mencoba membuatnya, bisa kalian simak langkah - langkahnya berikut ini.

Untuk membuat generator password kali ini saya menggunakan Bootstrap 4 sebagai tampilan form nya, atau kalian juga bisa dengan form HTML biasa.

<body>
    <div class="container">
          <div class="row">
              <div class="col-md-3">
                  <div class="form-group">
                      <input type="text" id="password" class="form-control" placeholder="Generate password...">
                  </div>
                  <div class="form-group">
                      <button class="btn btn-primary" onclick="generate('password')">Generate password</button>
                  </div>
              </div>
          </div>
      </div>
</body>

Cukup form inputan dan button saja yang kita butuhkan seperti sintak diatas, selanjutnya agar fitur generator password bisa berfungsi, kita akan tambahkan script dari javascript untuk melakukan generate passwordnya. Silahkan kalian ketikan sintak javascript berikut.

<script>
    function generate (el) {
        el = document.getElementById(el);
        el.value = randomPass();
    }
    function randomPass () {
        return Math.random().toString(25).slice(-11);
    }
</script>

Dari sintak diatas, untuk membuat password secara random kita gunakan beberapa fungsi dari javascript yaitu, Math.random() dikombinasikan dengan toString() dan slice().

Setelah semua sintak telah kalian ketikan semua, selanjutnya kalian simpan filenya kemudian kalian bisa buka dibrowser untuk mencoba fitur generator passwordnya.

Baik, cukup sekian tutorial sederhana bagaimana Cara Membuat Generator Password dengan Bootstrap dan Javascript, semoga tutorial ini bermanfaat, simak juga pembahasan dan tutorial lainnya hanya di dumetschool.

8 Juni 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat