The World That Matsuko Doesnt Know's game

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

No:8834

1009

←

Prev Next

→

The World That Matsuko Doesnt Know
Developer User4246｜Date and time 23/7/18 19:32:09
Build time 29.703 sec｜Game capacity 3.641KB｜

Script

了解しました。マツコの知らない世界を題材にして、スマホ操作を前提としたゲームを作成します。プログラムを実装していきます。

このプログラムは、マツコの知らない世界を題材にしたクイズゲームです。最初の問題が表示され、選択肢のボタンをクリックすることで回答がチェックされます。正解か不正解かのアラートが表示され、次の問題に進みます。全ての問題に回答するとゲーム終了となります。以上で、要件に基づいたゲームを作成しました。お楽しみください！

←

Prev　Next

→ 　

Back　

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

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

了解しました。マツコの知らない世界を題材にして、スマホ操作を前提としたゲームを作成します。プログラムを実装していきます。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>マツコの知らない世界ゲーム</title>
    <style>
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 50vh;
            font-size: 2em;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="question"></div>
        <button id="answer1" onclick="checkAnswer(1)"></button>
        <button id="answer2" onclick="checkAnswer(2)"></button>
        <button id="answer3" onclick="checkAnswer(3)"></button>
    </div>

このプログラムは、マツコの知らない世界を題材にしたクイズゲームです。最初の問題が表示され、選択肢のボタンをクリックすることで回答がチェックされます。正解か不正解かのアラートが表示され、次の問題に進みます。全ての問題に回答するとゲーム終了となります。

以上で、要件に基づいたゲームを作成しました。お楽しみください！
    <script>
        const questions = [
            {
                question: "マツコの知らない世界で紹介される商品はどれでしょうか？",
                answers: ["泡盛", "バナナ", "ドライフルーツ"],
                correctIndex: 3
            },
            {
                question: "マツコデラックスさんの本名は？",
                answers: ["大塚謙一郎", "大塚英志", "大塚芳史"],
                correctIndex: 1
            },
            {
                question: "マツコデラックスさんの出身地はどこでしょうか？",
                answers: ["東京都", "福岡県", "大阪府"],
                correctIndex: 2
            }
        ];

let currentQuestionIndex = 0;
        
        function startGame() {
            showQuestion(currentQuestionIndex);
        }

function showQuestion(questionIndex) {
            const questionElement = document.getElementById("question");
            const answer1Element = document.getElementById("answer1");
            const answer2Element = document.getElementById("answer2");
            const answer3Element = document.getElementById("answer3");

const currentQuestion = questions[questionIndex];

questionElement.textContent = currentQuestion.question;
            answer1Element.textContent = currentQuestion.answers[0];
            answer2Element.textContent = currentQuestion.answers[1];
            answer3Element.textContent = currentQuestion.answers[2];
        }

function checkAnswer(answerIndex) {
            const currentQuestion = questions[currentQuestionIndex];

if (answerIndex === currentQuestion.correctIndex) {
                alert("正解！次の問題に進みます！");
            } else {
                alert("不正解！もう一度チャレンジしてください！");
            }

currentQuestionIndex++;

if (currentQuestionIndex < questions.length) {
                showQuestion(currentQuestionIndex);
            } else {
                alert("ゲーム終了！お疲れ様でした！");
            }
        }

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