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

No:5619

2609

←

Prev Next

→

100 million yen quiz hunter
Developer User3834｜Date and time 23/6/30 14:19:24
Build time 31.251 sec｜Game capacity 3.047KB｜

Script

了解しました。以下は1億円クイズハンターというゲームの実装例です。

1億円クイズハンター

出題されたクイズに正解し、1億円を獲得しましょう！

問題：

上記のコードは、1億円クイズハンターというゲームを実装しています。3つのクイズがランダムに出題され、回答することで結果として正解か不正解かが表示されます。再挑戦するボタンをクリックすることでゲームをリスタートすることができます。回答はテキストボックスに入力して回答ボタンをクリックすることで送信できます。このゲームはHTMLファイル中に直接JavaScriptコードが記述されています。scriptタグで囲んで実行されます。絵文字の使用は難しいため、テキストベースのゲームとして作成しています。スマートフォンでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下は1億円クイズハンターというゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>1億円クイズハンター</title>
</head>
<body>
  <h1>1億円クイズハンター</h1>
  <p>出題されたクイズに正解し、1億円を獲得しましょう！</p>

<div id="result" style="display:none">
    <h2 id="result-text"></h2>
    <button onclick="restart()">再挑戦する</button>
  </div>

let currentQuestionIndex = 0;

function submitAnswer() {
      const userAnswer = document.getElementById('answer').value;
      const correctAnswer = questions[currentQuestionIndex].answer;

if (userAnswer === correctAnswer) {
        showResult(true);
      } else {
        showResult(false);
      }
    }

function showResult(isCorrect) {
      document.getElementById('question').style.display = 'none';
      document.getElementById('answer').style.display = 'none';
      document.getElementById('result').style.display = 'block';

const resultText = document.getElementById('result-text');
      if (isCorrect) {
        resultText.textContent = '正解！1億円獲得です！';
        resultText.style.color = 'green';
      } else {
        resultText.textContent = '不正解！ゲームオーバーです。';
        resultText.style.color = 'red';
      }
    }

function restart() {
      currentQuestionIndex = 0;
      document.getElementById('question').style.display = 'block';
      document.getElementById('answer').style.display = 'block';
      document.getElementById('result').style.display = 'none';
      document.getElementById('answer').value = '';
    }

document.getElementById('question').textContent = questions[currentQuestionIndex].question;
  </script>
</body>
</html>
```

このゲームはHTMLファイル中に直接JavaScriptコードが記述されています。scriptタグで囲んで実行されます。絵文字の使用は難しいため、テキストベースのゲームとして作成しています。スマートフォンでも操作可能です。