Click here for free DL of the app version that can save data.

No:14590

Buatkan game teka-teki silang untuk anak SD, dibaw..ALL
Developer User6283｜Date and time 23/9/3 9:34:43
Build time 30.22 sec｜Game capacity 3.787KB｜

Script

Berikut adalah contoh implementasi game teka-teki silang menggunakan JavaScript dalam satu file HTML (yang disimpan dalam sebuah file dengan ekstensi .html):

Teka-Teki Silang

Maksudkan jawaban horizontal dengan H dan jawaban vertikal dengan V. Mulai dari kotak dengan nomor 1.

	H
V

		V

Dalam contoh di atas, ada teka-teki silang yang sederhana dengan dua pertanyaan. Tabel HTML merepresentasikan papan teka-teki silang, dan kita menggunakan CSS untuk memberikan warna hijau (correct) atau merah (wrong) kepada sel yang sudah dijawab dengan benar atau salah. JavaScript digunakan untuk menghubungkan interaksi pengguna dengan papan teka-teki silang. Pemain dapat mengklik sel untuk mengisi jawaban dan secara otomatis memeriksa jawaban yang benar atau salah. Pastikan untuk menyimpan file HTML ini dengan ekstensi .html dan membukanya menggunakan browser web untuk memainkan game teka-teki silang.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

Berikut adalah contoh implementasi game teka-teki silang menggunakan JavaScript dalam satu file HTML (yang disimpan dalam sebuah file dengan ekstensi .html):

```html
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teka-Teki Silang</title>
    <style>
        table {
            border-collapse: collapse;
        }
        td {
            border: 1px solid black;
            width: 30px;
            height: 30px;
            text-align: center;
        }
        .correct {
            background-color: green;
        }
        .wrong {
            background-color: red;
        }
    </style>
</head>
<body>
    <h1>Teka-Teki Silang</h1>
    <p>Maksudkan jawaban horizontal dengan H dan jawaban vertikal dengan V. Mulai dari kotak dengan nomor 1.</p>

// Mencari sel berdasarkan nomor
        function findCellByNumber(number) {
            const cells = Array.from(document.querySelectorAll('#crossword td'));
            return cells.find(cell => cell.innerText === number.toString());
        }

// Memeriksa apakah jawaban sudah benar
        function checkAnswer() {
            for (const [key, value] of Object.entries(answers)) {
                const [number, direction] = key.split('');
                const cell = findCellByNumber(number);
                if (cell && cell.innerText !== value) {
                    cell.classList.add('wrong');
                } else if (cell) {
                    cell.classList.add('correct');
                }
            }
        }

// Menginisialisasi pemain dapat mengisi kotak
        function startGame() {
            const cells = Array.from(document.querySelectorAll('#crossword td'));
            cells.forEach(cell => {
                cell.addEventListener('click', function() {
                    const number = this.innerText;
                    const answer = prompt(`Jawaban untuk kotak nomor ${number}:`);
                    if (answer) {
                        const key = `${number}${this.parentNode.nodeName}`;
                        if (answers[key] === answer.toUpperCase()) {
                            this.innerText = answer.toUpperCase();
                        } else {
                            this.classList.add('wrong');
                        }
                    }
                    checkAnswer();
                });
            });
        }

startGame();
    </script>
</body>
</html>
```

JavaScript digunakan untuk menghubungkan interaksi pengguna dengan papan teka-teki silang. Pemain dapat mengklik sel untuk mengisi jawaban dan secara otomatis memeriksa jawaban yang benar atau salah.

Pastikan untuk menyimpan file HTML ini dengan ekstensi .html dan membukanya menggunakan browser web untuk memainkan game teka-teki silang.