.    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kullanıcı Adı Üretici</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>
  <div>
    <button onclick="generateUsername()">Kullanıcı Adı Üret</button>
    <p id="generatedUsername"></p>
  </div>

  <script>
    const adjectives = ['fjfcbkdrk', 'yazl', 'Semih', 'Crve', 'fjddhejch'];
    const nouns = ['fatihv', 'Yeliz', 'Deniz', 'Burak', 'Ali'];

    function getRandomElement(arr) {
      return arr[Math.floor(Math.random() * arr.length)];
    }

    function generateUsername() {
      const adjective = getRandomElement(adjectives);
      const noun = getRandomElement(nouns);

      const generatedUsername = `${adjective}${noun}`;
      document.getElementById('generatedUsername').innerText = `Üretilen Kullanıcı Adı: ${generatedUsername
}`;
    }
  </script>
</body>
</html>