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

No:6606

161

←

Prev Next

→

Harry Potter and the Mysterious AI
Developer User3897｜Date and time 23/7/2 23:07:46
Build time 26.822 sec｜Game capacity 2.946KB｜

Script

以下は、ハリーポッターと謎のAIという部分的なゲーム化の実装例です。このゲームでは、ユーザーがAIに質問をすると、AIが答える仕組みとなっています。

ハリーポッターと謎のAI

このプログラムでは、ランダムにハリーポッターに関する質問を表示し、ユーザーはボタンをクリックすることでAIの答えや自分の回答を表示することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ハリーポッターと謎のAI</title>
</head>
<body>
    <h1>ハリーポッターと謎のAI</h1>
    <p id="question"></p>
    <p id="answer"></p>

// 質問を表示する関数
        function askQuestion() {
            const questionElement = document.getElementById("question");
            const randomIndex = Math.floor(Math.random() * qaDatabase.length);
            const question = qaDatabase[randomIndex].question;
            questionElement.textContent = question;
        }

// 答えを表示する関数
        function displayAnswer() {
            const answerElement = document.getElementById("answer");
            const randomIndex = Math.floor(Math.random() * qaDatabase.length);
            const answer = qaDatabase[randomIndex].answer;
            answerElement.textContent = answer;
        }

// ユーザーの回答を表示する関数
        function displayUserAnswer() {
            const answerElement = document.getElementById("answer");
            const userAnswer = prompt("質問に対する回答を入力してください");
            answerElement.textContent = userAnswer;
        }

// ゲーム開始時に最初の質問を表示
        askQuestion();

// ボタンを作成して、ユーザーの操作に応じて回答を表示する
        const displayAnswerButton = document.createElement("button");
        displayAnswerButton.textContent = "答えを表示";
        displayAnswerButton.onclick = displayAnswer;

const displayUserAnswerButton = document.createElement("button");
        displayUserAnswerButton.textContent = "回答を入力";
        displayUserAnswerButton.onclick = displayUserAnswer;

document.body.appendChild(displayAnswerButton);
        document.body.appendChild(displayUserAnswerButton);
    </script>
</body>
</html>
```