GLNG16

Beranda

Text Alay Converter



Source Code

Berikut adalah contoh kode HTML untuk Blogger yang mengkonversi teks dengan mengubah huruf menjadi uppercase dan lowercase secara acak:

<!DOCTYPE html>
<html>
<head>
  <title>Konversi Teks Uppercase dan Lowercase</title>
  <script>
    function convertText() {
      var text = document.getElementById('original-text').value;
      var convertedText = '';

      for (var i = 0; i < text.length; i++) {
        var randomCase = Math.random() < 0.5 ? 'toUpperCase' : 'toLowerCase';
        convertedText += text[i][randomCase]();
      }

      document.getElementById('converted-text').textContent = convertedText;
    }
  </script>
</head>
<body>
  <h1>Konversi Teks Uppercase dan Lowercase</h1>
  <label for="original-text">Teks Asli:</label>
  <textarea id="original-text" rows="4" cols="50"></textarea>
  <br>
  <button onclick="convertText()">Konversi</button>
  <div id="converted-text"></div>
</body>
</html>

Kode ini mencakup elemen textarea dengan id "original-text" untuk memasukkan teks asli, tombol "Konversi" untuk memicu fungsi convertText(), dan elemen div dengan id "converted-text" untuk menampilkan teks yang telah dikonversi.

Ketika tombol "Konversi" ditekan, fungsi convertText() akan mengambil teks asli dari textarea dan melakukan konversi huruf secara acak. Setiap huruf akan diubah menjadi uppercase atau lowercase dengan probabilitas 50:50 menggunakan metode toUpperCase() dan toLowerCase(). Teks yang telah dikonversi akan ditampilkan di dalam elemen div dengan id "converted-text".

Anda dapat menyalin kode ini dan menempatkannya dalam sebuah widget HTML pada halaman Blogger Anda. Setelah itu, teks asli dapat dimasukkan dalam textarea dengan id "original-text", dan hasil konversi akan ditampilkan di dalam elemen div dengan id "converted-text".

Menambahkan Fungsi Copy to Clipboard

Berikut adalah kode HTML yang telah diperbarui dengan fungsi "Copy to Clipboard" untuk menyalin teks yang telah dikonversi ke clipboard:

<!DOCTYPE html>
<html>
<head>
  <title>Konversi Teks Uppercase dan Lowercase</title>
  <script>
    function convertText() {
      var text = document.getElementById('original-text').value;
      var convertedText = '';

      for (var i = 0; i < text.length; i++) {
        var randomCase = Math.random() < 0.5 ? 'toUpperCase' : 'toLowerCase';
        convertedText += text[i][randomCase]();
      }

      document.getElementById('converted-text').textContent = convertedText;
    }

    function copyToClipboard() {
      var convertedText = document.getElementById('converted-text').textContent;
      var textarea = document.createElement('textarea');
      textarea.value = convertedText;
      document.body.appendChild(textarea);
      textarea.select();
      document.execCommand('copy');
      document.body.removeChild(textarea);
      alert('Teks telah disalin ke clipboard!');
    }
  </script>
</head>
<body>
  <h1>Konversi Teks Uppercase dan Lowercase</h1>
  <label for="original-text">Teks Asli:</label>
  <textarea id="original-text" rows="4" cols="50"></textarea>
  <br>
  <button onclick="convertText()">Konversi</button>
  <div id="converted-text"></div>
  <br>
  <button onclick="copyToClipboard()">Salin ke Clipboard</button>
</body>
</html>

Kode ini telah diperbarui dengan fungsi copyToClipboard() yang akan menyalin teks yang telah dikonversi ke clipboard. Ketika tombol "Salin ke Clipboard" ditekan, fungsi copyToClipboard() akan membuat elemen textarea sementara, mengisi nilainya dengan teks yang dikonversi, menambahkannya ke dalam body dokumen, memilih teks dalam textarea, menyalinnya ke clipboard menggunakan document.execCommand('copy'), menghapus elemen textarea, dan menampilkan pesan alert bahwa teks telah disalin ke clipboard.

Anda dapat menyalin kode ini dan menempatkannya dalam sebuah widget HTML pada halaman Blogger Anda. Setelah itu, teks asli dapat dimasukkan dalam textarea dengan id "original-text", hasil konversi akan ditampilkan di dalam elemen div dengan id "converted-text", dan tombol "Salin ke Clipboard" dapat digunakan untuk menyalin teks yang dikonversi ke clipboard.