JavaScript

JavaScript Rastgele Şifre Üretme (Şifre Üretici)

Yayınlanan

3 yıl Önce

İcerisinde

Şubat 19, 2022

Tarafından

Mustafa Salman YT

Bu yazımda, Sitenizde yorumlar, iletişim formu gibi alanlarda. JavaScript ile rastgele güvenlik kodu veya şifre üretmek istiyor olabilirsiniz. JavaScript kullanarak istediğimiz uzunlukta ve türde sayı, harf üreterek rastgele şifre üretebiliriz.

Projemizi geçmeden önce Divebi Önizle aracını kullanarak kodları canlı olarak test edebilirsiniz.

HTML Kodları:

<input id="pswBox" type="text">
<input type="button" value="Şifre Üret" onclick="randomPsw('8','pswBox');">

<input> içerisindeki onclick="randomPsw('8','pswBox');" parametresinin değerini 8 karekter yerine istediğiniz karekter uzunluğunu belirleyebilirsiniz.

JavaScript Kodları:

<script>
  function randomPsw(len , rnd) {
   var character = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%&*()";
   var lengthPsw = len;
   var randomPsw = '';
   for (var i=0; i < lengthPsw; i++) {
    var numPws = Math.floor(Math.random() * character.length);
    randomPsw += character.substring(numPws,numPws+1);
   }
   document.getElementById(rnd).value = randomPsw;
  }
  </script>

Proje Kodları:

<!DOCTYPE html>
<html lang="TR-tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JavaScript Rastgele Şifre Üretme (Şifre Üretici) - Divebi.com</title>
</head>
<body>
  <input id="pswBox" type="text">
  <input type="button" value="Şifre Üret" onclick="randomPsw('8','pswBox');">
  <script>
    function randomPsw(len , rnd) {
    var character = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%&*()";
    var lengthPsw = len;
    var randomPsw = '';
    for (var i=0; i < lengthPsw; i++) {
      var numPws = Math.floor(Math.random() * character.length);
      randomPsw += character.substring(numPws,numPws+1);
    }
    document.getElementById(rnd).value = randomPsw;
    }
  </script>
</body>
</html>

İlgili

Up Next

JavaScript İle Kalan Karakter Sayısını Bulma

Don't Miss

JavaScript İle Metini Kopyala Butonu

Mustafa Salman YT

19 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.

1 Yorum

Pingback: JavaScript İle Kalan Karakter Sayısını Bulma - Diveebi.com

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

2 yıl Önce

İcerisinde

Kasım 30, 2022

Tarafından

Mustafa Salman YT

Bu rehberde, JavaScript kullanarak HTML sayfasının rastgele arka plan rengini değiştirdik.

Proje Kodları

<body onload="renkInterval()">
    <script>
    setInterval(() =>{
        bodyColor()
    }, 100);
     
    function bodyColor() {
        var renk1 = Math.floor(255*Math.random());
        var renk2 = Math.floor(255*Math.random());
        var renk3 = Math.floor(255*Math.random());
        document.body.style.backgroundColor="rgb("+renk1+","+renk2+","+renk3+")";
        console.log("Random Color: " + renk1);
    }
    </script>
</body>