Connect with us

JavaScript

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

Yayınlanan

İcerisinde

JavaScript

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 = "[email protected]#$%&*()";
   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 = "[email protected]#$%&*()";
    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>

Yorum yapmak için tıklayın

Cevap bırakın

E-posta hesabınız yayımlanmayacak.

JavaScript

JavaScript İle Metini Kopyala Butonu

Yayınlanan

İcerisinde

Tarafından

JavaScript

Bu yazımda JavaScript kullanarak form elemanları içindeki metini kopyalama işlemi yapacağız. Yaptığımız bu projede yaptığımız kopyala butonunu geçtiğimiz dünlerde. HEX rengini kopyalamak için butona tıkladığımda kopyalama işlemi ilgimi çekti, ve bu konu üzerine bağazı araştırmalar yaptım ve sonucunu sizlerle paylaştım.

Projemizi geçmeden önce vermiş olduğum kodları canlı olarak test edebilirsiniz. İlk olarak Divebi Önizle (kod önizleme) web sayfasını kullanabilirsiniz. Veya HTML sayfası oluşturabilirsiniz. Aşağıda vermiş olduğum kodları kullanabilirsiniz veya kopyala yapıştır yaparak kodları test edebilirsiniz.

Canlı Önizleme:


JavaScript Kodları:
function kopyala(){
var metin = document.getElementById("mytext");
metin.select();
document.execCommand("copy");
} 

Proje Kodları:
<!DOCTYPE html>
<html lang="TR-tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divebi.com</title>
</head>
<body>
<input type="text" id="mytext" placeholder="Metini giriniz">
<button onclick="kopyala()">Kopyala</button> <br>
<script>
 function kopyala(){
 var metin = document.getElementById("mytext");
 metin.select();
 document.execCommand("copy");
 } 
 </script>
 </body>
 </html>
Okumaya devam et
PHP PHP
PHP Dersleri2 ay ago

PHP Veritabanı (PhpMyAdmin) Üye Kayıt İşlemi

Bu rehberde, PHP PDO kullanarak veritabanına üye kayıt işlemi yaptık. ilk olarak index.php dosyası oluşturduk ve form ile üye bilgilerini aldık. index.php...

PHP PHP
PHP Dersleri2 ay ago

PHP Güvenlik Kodu (Captcha) Uygulaması Yapımı

Bu rehberde, PHP  kullanarak güvenlik kodu (captcha) uygulaması yaptık. uygulamayı yapmadan önce PHP ile captcha çalışabilmesi için GD kütüphanesinin aktif olması gerekmektedir....

PHP PHP
PHP Dersleri4 ay ago

PHP PDO İle Üye Girişi Ve Çıkış İşlemleri

Bu rehberde, PHP PDO kullanarak üye girişi ve çıkış işlemleri yaptık. config.php <?php try{ $host = "localhost"; $dbname = "msyt";...

Server Server
server5 ay ago

Sunucularda Dosya/Dizin Listeleme Nasıl Engellenir

Web Sunucularda Dosya/Dizin Listelemeyi engelleme işlemini merak ediyorsanız bu rehberi inceleyebilirsiniz. Sunucularda Dosya/Dizin Engelleme Sunucularda Dosya/Dizin listelemeyi engellemek veri güvenliğini...

Python Python
python5 ay ago

Python Turtle İle Ay Yıldız Şekli Çizme

Bu yazımda, Python Turtle kütüphanesini kullanarak Ay Yıldız şekli çizdik. Python Proje Kodları: # Mustafa Salman YT import turtle ayyildiz...

Python Python
python5 ay ago

Python For İle Üçgen Piramit Oluşturma

Bu yazımda, İki örnek ile Python üçgen piramit oluşturacağız. Python ile piramit oluşturma for döngüleri ile ilgili en sık yapılan...

PHP PHP
PHP Dersleri5 ay ago

PHP İle Sayfayı Geri Yönlendirme

Bu yazımda, PHP ile sayfayı geri yönlendirme, PHP ile kullanıcıyı geldiği sayfaya geri yönlendirme? benzeri sorulara yanıt bulacağız. Aşağıda vermiş...

URL URL
Blog5 ay ago

URI İle URL Arasındaki Fark Nedir?

Bu rehberde, URL URI’ye göre daha belirgin ve farklı işlevlerde kullanılsada. URI ile URL arasındaki fark nedir? sorusuna yanıt bulacağız....

Google Search Console Google Search Console
Google Search Console5 ay ago

Google Search Console’a Site Haritası Nasıl Eklenir?

Bu rehberimde, web sitem index almıyor, Google search console‘a site haritası nasıl ekleyebilirim? sorulara yanıt bulabilirsiniz. Bir çoğumuz internet sitemizi...

Google Adsense Google Adsense
Google Adsense5 ay ago

Adsense Onay Alma Taktikleri – Onay Alma Rehberi

Bu rehberde, Google adsense onay alma süreci ve nasıl hızlı bir şekilde onay alacağınızı hazırladım. Yoğun istek üzerine Google adsense...

Python Python
python5 ay ago

Python Rastgele Şifre Üretme (Password Generator)

Bu yazımda, Python ile rastgele şifre (Random Password) oluşturucu kodlarını oluşturacağız. Python kullanarak istediğimiz uzunlukta ve türde sayı, harf üreterek rastgele...

JavaScript JavaScript
JavaScript5 ay ago

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

Bu yazımda, Sitenizde yorumlar, iletişim formu gibi alanlarda. JavaScript ile rastgele güvenlik kodu veya şifre üretmek istiyor olabilirsiniz. JavaScript kullanarak...

Trending