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

No:2728

4359

←

Prev Next

→

A game in which all bonuses are tapped.
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 3216 sec｜Game capacity 3.216KB｜

Script

全ツッパボーナスゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>全ツッパボーナスゲーム</title>
<style>
    * {box-sizing: border-box;}
    body {margin: 0; padding: 0; background-color: #FFFFFF; font-family: Arial, sans-serif; text-align: center;}
    h1 {font-size: 40px; margin: 80px 0 40px;}
    #game-board {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px;}
    .card {background-color: #FFFFFF; border-radius: 10px; box-shadow: 5px 5px 20px #888888; margin: 10px; padding: 40px; font-size: 60px; cursor: pointer;}
    .card:hover {box-shadow: 8px 8px 30px #888888;}
    #score {font-size: 35px; margin-bottom: 30px;}
    #start-button {background-color: #FFD700; border: none; border-radius: 10px; box-shadow: 3px 3px 10px #888888; color: #FFFFFF; font-size: 30px; padding: 20px; cursor: pointer;}
    #start-button:hover {box-shadow: 5px 5px 20px #888888;}
</style>
</head>
<body>

<h1>全ツッパボーナスゲーム</h1>

// カードを作成する関数
    function createCard(emoji) {
        let card = document.createElement("div");
        card.className = "card";
        card.textContent = emoji;
        card.addEventListener("click", function() {
            this.style.backgroundColor = this.textContent === card1 ? "#00CC00" : "#FF0000";
            if (this.textContent === card2) {
                this.style.backgroundColor = "#00CC00";
                score += 2;
                document.getElementById("score").textContent = `スコア：${score}`;
            }
            setTimeout(() => {
                this.style.backgroundColor = "#FFFFFF";
                if (this === card1) {
                    card1 = null;
                } else if (this === card2) {
                    card2 = null;
                } else if (!card1) {
                    card1 = this.textContent;
                } else if (!card2) {
                    card2 = this.textContent;
                } else {
                    card1.style.backgroundColor = "#FFFFFF";
                    card2.style.backgroundColor = "#FFFFFF";
                    card1 = null;
                    card2 = null;
                }
            }, 1000);
        });
        return card;
    }

// ゲームを初期化する関数
    function init() {
        score = 0;
        document.getElementById("score").textContent = `スコア：${score}`;
        let board = document.getElementById("game-board");
        board.innerHTML = "";
        let emojis = [...emojiList, ...emojiList].sort(() => Math.random() - 0.5);
        emojis.forEach(function(emoji) {
            let card = createCard(emoji);
            board.appendChild(card);
        });
    }

// スタートボタンをクリックしたらゲームをスタートする
    document.getElementById("start-button").addEventListener("click", function() {
        init();
    });
</script>

</body>
</html>