Javascript ile Şifre Oluşturma Fonksiyonu

Merhabalar, bu yazımızda javascript ile şifre oluşturucu bir fonksiyon yazıyoruz. Bu fonksiyonumuzun amacı kullanıcıların kendilerine ya da bizim onlar için anlık rastgele şifreler oluşturmamızı ve bunu her tıklamada değiştirerek yapmasını sağlamak.

Öncelikle html tarafında bir buton ve bu botuna basıldığında şifre oluşturulacak bir input yazıyoruz. Bu kod örneğimizde onclick ile fonksiyonumuzu çağırıyoruz ve içerisinde inputumuzun id’sini yazıyoruz. Bu örnekte inputumuzun id’si “password”.

<button onclick="genPass('password')">Şifre Oluştur</button> 
<!-- şifremizi oluşturacak butonumuz -->
<input type="text" id="password" placeholder="Your Password" /> 
<!-- şifremizin yazılı olacağı inputumuz -->

Burada ise javascript ile şifreyi oluşturacak fonksiyonumuzu yazıyoruz.

function genPass(id)
{
    let randomstring = Math.random().toString(36).slice(-8); // buradaki slice "-8" kaç karakterli bir şifre oluşturacağını belirtiyor.
    document.getElementById(id).value = randomstring;
}

// istersek fonksiyonumuzu dinamik karakter sayısı oluşturacak şekilde güncelleyelim.

function genPass(id, length = 8) { // uzunluğumuz hiç girilmezse 8 karakter olarak belirledik.
    let randomstring = Math.random().toString(36).slice(-length); 
    document.getElementById(id).value = randomstring; 
}

 

Eğer fonksiyonumuzun demosunu görmek isterseniz, buraya tıklayabilirsiniz.

Diğer yazılarıma göz atmak için tıklayın.

Web sitesine mi ihtiyacınız var ?