Random Words Generator Javascript

Kode ini adalah logika sederhana untuk menggenerate random kata-kata dari empat list array yang berisi kata-kata yang sudah kita siapkan. kerandomannnya hanyalah kerandoman dari array tiap list, sedang susunan kata (kata 1 sampai kata 4) tidak diacak.

Click the button to generate a random (word) password.



Generated: 
1 <!DOCTYPE html>  
2 <html lang="en">  
3 <head>  
4   <meta charset="UTF-8">  
5   <meta name="viewport" content="width=device-width, initial-scale=1.0">  
6   <title>Random Password (Word) Generator</title>  
7 <style>  
8 #copyButton {  
9      cursor: pointer;  
10      margin-left: 10px;  
11      font-size: 20px;  
12      background: none;  
13      border: none; }  
14 </style>  
15 </head>  
16 <body>  
17   <h1>Random Password (Word) Generator</h1>  
18   <p>Click the button to generate a random password.</p>  
19   <button id="generate">Generate</button><br><br>  
20   Generated: <input id="hasil" type="text" style="width:70%" readonly><button id="copyButton" title="Copy to clipboard">📋</button>  
21   <script>  
22     const listkata1 = ["Abaikan", "Hancurkan", "Musnahkan", "Hilangkan", "Bantinglah", "Bakarlah", "Biarkan", "Tendanglah", "Belilah", "Buanglah", "Kuburlah", "Lemparlah", "Bungkuslah", "Simpanlah", "Sembunyikan", "Pukullah", "Injaklah", "Singkirkan"];  
23     const listkata2 = ["Celana", "Kaos", "Kertas", "Baskom", "Koran", "Sendok", "Botol", "Piring", "Panci", "Kasur", "Bantal", "Guling", "Kursi", "Sarung", "Selimut", "Meja", "Karung", "Keran", "Kantong", "Kardus", "Jaket", "Tas", "Kresek"];  
24     const listkata3 = ["Rusak", "Usang", "Berjamur", "Kumal", "Burik", "Culun", "Koplak", "Jelek", "Kotor", "Miring", "Somplak", "Bolong", "Bau", "Norak", "Cupu"];  
25           const listkata4 = ["Merah", "Kuning", "Hijau", "Biru", "Ungu", "Magenta", "Bluwek", "Banget", "Dikit", "Sangat", "Setengah", "Separuh", "Semua", "Sebagian", "Sepotong", "Segala", "Secuil"];  
26     function getRandomElement(arr) {  
27       const randomIndex = Math.floor(Math.random() * arr.length);  
28       return arr[randomIndex];  
29     }  
30     function generateRandomPassword() {  
31       const kata1 = getRandomElement(listkata1);  
32       const kata2 = getRandomElement(listkata2);  
33       const kata3 = getRandomElement(listkata3);  
34                const kata4 = getRandomElement(listkata4);  
35       const password = kata1 + kata2 + kata3 + kata4;  
36       return password;  
37     }  
38     document.getElementById("generate").addEventListener("click", function () {  
39       const password = generateRandomPassword();  
40       document.getElementById("hasil").value = password;  
41     });  
42     document.getElementById("copyButton").addEventListener("click", function () {  
43       const hasilField = document.getElementById("hasil");  
44       hasilField.select();  
45       hasilField.setSelectionRange(0, 99999);  
46       document.execCommand("copy");  
47       alert("Hasil sudah tersalin di clipboard!");  
48     });  
49   </script>  
50 </body>  
51 </html>

Komentar

Posting Komentar