Çözüldü JavaScript'te rastgele isim oluşturma nasıl yapılır?

hayl0s · 7 Ocak 2023

Selam. Olayı basitçe açıklamam gerekirse kullanıcı sayfayı her yenilediğinde ekranda random 3 harfli bir isim oluşacak. Her harfi içine dahil ediyor ilk ve son harfler sessiz ortadaki harfin sesli olma kuralı var. İnternette araştırdım ama bulamadım. Bildiğiniz hazır kod varsa paylaşır mısınız?

hayl0s · 7 Ocak 2023

Bu şekilde hallettim oldu.

JavaScript:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<span id="operator"></span>
<span id="operator2"></span>
<span id="operator3"></span>
<script type="text/javascript">
    function sessiz(min,max){
        var number=Math.floor(Math.random()*21);
        return number;
    }

    function sesli(min,max){
        var number=Math.floor(Math.random()*8);
        return number;
    }
    function sessiz2(min,max){
        var number=Math.floor(Math.random()*21);
        return number;
    }
    operator=document.getElementById('operator');
    var dizi=["b","c","ç","d","f","g","ğ","h","j","k","l","m","n","p","r","s","ş","t","v","y","z"];
    operator.textContent=dizi[sessiz()];

    operator2=document.getElementById('operator2');
    var dizi=["a","e","ı","i","o","ö","u","ü"];
    operator2.textContent=dizi[sesli()];

    operator3=document.getElementById('operator3');
    var dizi=["b","c","ç","d","f","g","ğ","h","j","k","l","m","n","p","r","s","ş","t","v","y","z"];
    operator3.textContent=dizi[sessiz2()];


</script>
</body>
</html>

Vive L'athéisme · 7 Ocak 2023

JavaScript:

const sesliHarfler = ["a", "e", "ı", "i", "o", "ö", "u", "ü"]

const sessizHarfler = ["z", "y", "v", "t", "ş", "s", "r", "p", "n", "r", "m", "l", "k", "h", "j", "ğ", "g", "d", "ç", "c", "b"]

function getRandomInt(max) {
    return Math.floor(Math.random() * max);
}

function generateRandomName(){
    const sesliHarf = sesliHarfler[getRandomInt(sesliHarfler.length)]
    const sessizHarf = []

    for (let index = 0; index < 2; index++) {
        sessizHarf.push(sessizHarfler[getRandomInt(sessizHarfler.length)])
    }

    return `${sessizHarf[0]}${sesliHarf}${sessizHarf[1]}`
}
//Sayfa açıldığında bu metodu çağırarak istediğin tipte bi isim yarattırabilirsin.
const result = generateRandomName()
console.log(result)

Örnek çıktılarım:

hayl0s · 7 Ocak 2023

Bu şekilde hallettim oldu.

JavaScript:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<span id="operator"></span>
<span id="operator2"></span>
<span id="operator3"></span>
<script type="text/javascript">
    function sessiz(min,max){
        var number=Math.floor(Math.random()*21);
        return number;
    }

    function sesli(min,max){
        var number=Math.floor(Math.random()*8);
        return number;
    }
    function sessiz2(min,max){
        var number=Math.floor(Math.random()*21);
        return number;
    }
    operator=document.getElementById('operator');
    var dizi=["b","c","ç","d","f","g","ğ","h","j","k","l","m","n","p","r","s","ş","t","v","y","z"];
    operator.textContent=dizi[sessiz()];

    operator2=document.getElementById('operator2');
    var dizi=["a","e","ı","i","o","ö","u","ü"];
    operator2.textContent=dizi[sesli()];

    operator3=document.getElementById('operator3');
    var dizi=["b","c","ç","d","f","g","ğ","h","j","k","l","m","n","p","r","s","ş","t","v","y","z"];
    operator3.textContent=dizi[sessiz2()];


</script>
</body>
</html>

kaan.w · 7 Ocak 2023

Çok saçma ve uzun bir çözüm olmuş, daha kısaca şöyle yapılabilir:

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Technopat</title>
  </head>
  <body>
    <h1 id="rndName"></h1>
    <script>
      document.getElementById("rndName").textContent = randomName();
      function randomName() {
        const sesli = [..."aeiou"], sessiz = [..."bcdfghjklmnpqrstvwxyz"];
        return (
          sessiz[~~(Math.random() * sessiz.length)] +
          sesli[~~(Math.random() * sesli.length)] +
          sessiz[~~(Math.random() * sessiz.length)]
        );
      }
    </script>
  </body>
</html>

Ek bilgi olarak ekleyeyim, ~~ kullanmak Math.floor() kullanmaktan daha hızlı. Alfabe dizisi oluştururken de ES6 spread operatörünü kullandım. Anlamadığınız yerleri sorabilirsiniz.

hayl0s · 7 Ocak 2023

kaan.w dedi:
Ek bilgi olarak ekleyeyim, ~~ kullanmak Math.floor() kullanmaktan daha hızlı.

Mantığı nedir hocam nasıl öğrenebilirim?

kaan.w · 7 Ocak 2023

hayl0s dedi:
Mantığı nedir hocam nasıl öğrenebilirim?

~ bitwise not operatörü olarak bilinir. Bitwise operatörler işaretli 32 bit integer değerler ile çalışabildiğinden (>>> hariç), Math.random() * length yapınca çıkan sayıyı iki kez tersine çeviriyoruz ve bu sayede tam sayıya ulaşıyoruz. Umarım anlatabilmişimdir.

Çözüldü JavaScript'te rastgele isim oluşturma nasıl yapılır?

Ayrıntılı düzenleme

hayl0s

Hectopat

hayl0s

Vive L'athéisme

Kilopat

hayl0s

Hectopat

kaan.w

Megapat

hayl0s

Hectopat

kaan.w

Megapat

Benzer konular