LLM-showcase/randomword.html at main · jiaminglimjm/LLM-showcase · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, orientation=landscape">
    <title>Random Word Picker</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
            font-size: 5vw;
            text-align: center;
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body onclick="showRandomWord()">
    <div id="word"></div>

    <script>
        // Store all word sets in an object
        let wordSets = {
            1: ["adalah", "akan", "bahawa", "bantu", "pernah", "perlu", "mereka", "ayah", "supaya", "apabila", "sebab", "oleh", "untuk", "baca", "tulis", "lukis", "sangat", "siap", "telah"],
            2: ["mereka", "pada", "atau", "lama", "biar", "kepada", "telah", "perlu", "bahawa", "masa", "cara", "berlaku", "sukarelawan", "bakar", "tulis", "lukis", "ingin"],
            3: ["sambil", "pertama", "kedua", "ketiga", "mungkin", "mustahil", "tanpa", "kecuali", "paling", "bahawa", "cara", "lukis", "ingin", "berlaku", "dengan", "semasa", "perlu", "bantu", "mampu", "sedikit", "banyak"],
            4: ["berkhemah", "berkelah", "jururawat", "jurujual", "penasihat", "pengurus", "tempah", "merancang untuk pergi ke", "pusat beli-belah", "setiap", "seperti", "ingin", "cadangkan", "tepi", "cabaran", "sejak", "pertama"],
            5: ["selsema", "patah", "tangan", "kaki", "sebagai", "menjadi", "pertandingan", "perjalanan", "memandu", "menunggang", "lihat", "mata", "menyertai", "soalan", "jawapan", "walaupun", "gembira", "menggunakan", "tinggal"],
            6: ["patah", "tangan", "sebagai", "menjadi", "pertandingan", "perjalanan", "memandu", "menunggang", "lihat", "menyertai", "soalan", "jawapan", "walaupun", "gembira", "menggunakan", "tinggal", "mawar", "tarian", "cita-cita", "pengalaman", "kereta api", "perasaan", "bimbang", "bosan", "peperiksaan", "keputusan"]
        };

        // Get the set parameter from the URL
        let urlParams = new URLSearchParams(window.location.search);
        let setParam = urlParams.get("set");

        // Convert setParam to a number and fallback to set 1 if invalid or missing
        let setNumber = parseInt(setParam) || 1;

        // Use the selected set or default to an empty array if the set number doesn't exist
        let words = wordSets[setNumber] || [];

        // Function to show a random word
        function showRandomWord() {
            if (words.length === 0) return;

            let randomIndex = Math.floor(Math.random() * words.length);
            let selectedWord = words.splice(randomIndex, 1)[0]; // Remove selected word from list

            document.getElementById("word").textContent = selectedWord;
        }

        showRandomWord(); // Show first word on load
    </script>
</body>
</html>