Cara Membuat Generator Password dengan Bootstrap dan Javascript

08/06/2020    Risman Hakim    71     Website

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.

Web Design, Bootstrap

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More