JavaScript

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

Yayınlanan

2 sene Ö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

Merhabalar! Ben Osmaniye'nin Bahçe ilçesinde doğdum ve şu anda 17 yaşındayım. Kendimi bir web yazılım geliştiricisi ve SEO uzmanı olarak olarak tanımlıyorum ve Diveebi.com ve Youtube kanalımda web site eğitimleri, SEO, Photoshop dersleri, Python projeleri, HTML, CSS, JavaScript, PHP, Grafik dersleri ve benzeri içerikler paylaşıyorum. Kişisel Web Sitemi ziyaret et: https://mustafa.diveebi.com/

1 Yorum

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

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

10 ay Ö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>