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

No:6942

175

←

Prev Next

→

joy card
Developer User3948｜Date and time 23/7/4 14:14:18
Build time 19.271 sec｜Game capacity 2.944KB｜

Script

了解しました。以下にスマホで遊べるシンプルなジョイカードゲームの実装例を示します。

ジョイカードゲーム

スマホの画面をタップしてカードを選んでください。

このプログラムでは、3つのカードのうち1つを選び、正しいカードを選ぶと⭐が表示され、間違ったカードを選ぶと❌が表示されます。スコアは正しくカードを選んだ回数から間違ったカードを選んだ回数を引いた値で表示されます。リセットボタンを押すとゲームがリセットされます。この実装はHTMLファイル内にJavaScriptを含み、スマホで操作できるゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にスマホで遊べるシンプルなジョイカードゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ジョイカードゲーム</title>
</head>
<body>
    <h1>ジョイカードゲーム</h1>
    <p>スマホの画面をタップしてカードを選んでください。</p>
    <div id="cards">
        <div class="card" onclick="selectCard(1)"></div>
        <div class="card" onclick="selectCard(2)"></div>
        <div class="card" onclick="selectCard(3)"></div>
    </div>
    <button onclick="resetGame()">リセット</button>

function resetGame() {
            var cards = document.getElementsByClassName("card");
            for (var i = 0; i < cards.length; i++) {
                cards[i].innerHTML = "";
            }
            document.getElementById("cards").style.pointerEvents = ""; // カード選択を有効化
            score = 0;
        }
    </script>

このプログラムでは、3つのカードのうち1つを選び、正しいカードを選ぶと⭐が表示され、間違ったカードを選ぶと❌が表示されます。スコアは正しくカードを選んだ回数から間違ったカードを選んだ回数を引いた値で表示されます。リセットボタンを押すとゲームがリセットされます。

この実装はHTMLファイル内にJavaScriptを含み、スマホで操作できるゲームとして遊ぶことができます。