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

No:12020

←

Prev Next

→

Nahxy
Developer User5022｜Date and time 23/8/13 15:00:40
Build time 23.234 sec｜Game capacity 3.65KB｜

Script

Berikut adalah contoh implementasi sebuah game dalam satu file HTML yang mengandung JavaScript yang dapat dimainkan di smartphone:

Game PictoGuess

🌞🏀🎮

Game ini merupakan "Game PictoGuess" dimana pemain diberikan sebuah rangkaian pictogram dan harus menebak jawaban yang sesuai. Pictogram dan jawaban disimpan dalam sebuah array `pictograms`. Setiap kali pemain menebak, jawaban akan dikoreksi dan pemain akan diberikan respon yang sesuai. Jika jawaban benar, akan muncul pesan "Jawaban kamu benar!", sedangkan jika jawaban salah, akan muncul pesan "Jawaban kamu salah. Coba lagi!". Selanjutnya, game akan melanjutkan ke pictogram berikutnya setelah 2 detik.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Berikut adalah contoh implementasi sebuah game dalam satu file HTML yang mengandung JavaScript yang dapat dimainkan di smartphone:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Game PictoGuess</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #f1f1f1;
        }

h1 {
            color: #333333;
        }

#pictogram {
            font-size: 60px;
            margin-top: 50px;
            margin-bottom: 20px;
        }

#guess-input {
            width: 200px;
            height: 40px;
            font-size: 20px;
            padding: 5px;
            margin-bottom: 10px;
        }

#submit-button {
            width: 100px;
            height: 40px;
            font-size: 16px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }

#result {
            margin-top: 20px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Game PictoGuess</h1>
    <p id="pictogram">🌞🏀🎮</p>
    <input type="text" id="guess-input" placeholder="Ketik jawaban di sini" autofocus>
    <br>
    <button id="submit-button">Submit</button>
    <p id="result"></p>

var currentPictogramIndex = 0;
        var submitButton = document.getElementById("submit-button");
        var guessInput = document.getElementById("guess-input");
        var result = document.getElementById("result");

function startGame() {
            renderPictogram();
            submitButton.addEventListener("click", checkAnswer);
        }

function renderPictogram() {
            document.getElementById("pictogram").textContent = pictograms[currentPictogramIndex].pictogram;
            guessInput.value = "";
            result.textContent = "";
        }

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