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

No:8809

107

The Paper Review Game
Developer User3840｜Date and time 23/7/18 12:40:17
Build time 30.559 sec｜Game capacity 4.265KB｜

了解です。それでは、簡単な論文の査読ゲームを作ってみましょう。以下のコードをHTMLファイルに実装してください。

論文の査読ゲーム

このコードは、論文のタイトルと査読コメントを入力していくゲームです。画面上には「ゲームを開始する」ボタンが表示され、ボタンをクリックすると論文のタイトルと査読コメントを入力する画面に切り替わります。タイトルとコメントを入力し、「査読を提出する」ボタンを押すと、次の査読コメントの入力画面に切り替わります。最後の査読コメントを入力すると、査読が完了し結果が表示されます。実行すると、スマートフォンでも操作可能なゲームがプレイできます。ゲームを開始し、査読コメントを入力していってください。最終的には論文のタイトルと査読コメントが一覧表示されます。

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

了解です。それでは、簡単な論文の査読ゲームを作ってみましょう。以下のコードをHTMLファイルに実装してください。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>論文の査読ゲーム</title>
</head>
<body>
  <h1>論文の査読ゲーム</h1>
  
  <script>
    // 論文のタイトルと査読コメントを格納する変数
    var paperTitle = "";
    var reviewComments = [];

// ゲームの開始画面を表示する関数
    function displayStartScreen() {
      document.body.innerHTML = "";
      var startButton = document.createElement("button");
      startButton.innerHTML = "ゲームを開始する";
      startButton.addEventListener("click", displayGameScreen);
      document.body.appendChild(startButton);
    }

// ゲームの画面を表示する関数
    function displayGameScreen() {
      document.body.innerHTML = "";
      var titleInput = document.createElement("input");
      titleInput.type = "text";
      titleInput.placeholder = "論文のタイトルを入力してください";
      document.body.appendChild(titleInput);

var commentInput = document.createElement("textarea");
      commentInput.placeholder = "査読コメントを入力してください";
      document.body.appendChild(commentInput);

var submitButton = document.createElement("button");
      submitButton.innerHTML = "査読を提出する";
      submitButton.addEventListener("click", function() {
        paperTitle = titleInput.value;
        reviewComments.push(commentInput.value);
        displayNextReview();
      });
      document.body.appendChild(submitButton);
    }

// 次の査読画面を表示する関数
    function displayNextReview() {
      if (reviewComments.length < 5) {
        document.body.innerHTML = "";
        var nextCommentInput = document.createElement("textarea");
        nextCommentInput.placeholder = "次の査読コメントを入力してください";
        document.body.appendChild(nextCommentInput);

var nextSubmitButton = document.createElement("button");
        nextSubmitButton.innerHTML = "査読を提出する";
        nextSubmitButton.addEventListener("click", function() {
          reviewComments.push(nextCommentInput.value);
          displayNextReview();
        });
        document.body.appendChild(nextSubmitButton);
      } else {
        displayResultScreen();
      }
    }

// 結果画面を表示する関数
    function displayResultScreen() {
      document.body.innerHTML = "";
      var resultTitle = document.createElement("h2");
      resultTitle.innerHTML = "査読が完了しました！";
      document.body.appendChild(resultTitle);

var titleText = document.createElement("p");
      titleText.innerHTML = "論文のタイトル: " + paperTitle;
      document.body.appendChild(titleText);

var commentsTitle = document.createElement("h3");
      commentsTitle.innerHTML = "査読コメント:";
      document.body.appendChild(commentsTitle);

var commentsList = document.createElement("ul");
      reviewComments.forEach(function(comment) {
        var commentItem = document.createElement("li");
        commentItem.innerHTML = comment;
        commentsList.appendChild(commentItem);
      });
      document.body.appendChild(commentsList);
    }

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

このコードは、論文のタイトルと査読コメントを入力していくゲームです。画面上には「ゲームを開始する」ボタンが表示され、ボタンをクリックすると論文のタイトルと査読コメントを入力する画面に切り替わります。タイトルとコメントを入力し、「査読を提出する」ボタンを押すと、次の査読コメントの入力画面に切り替わります。最後の査読コメントを入力すると、査読が完了し結果が表示されます。

実行すると、スマートフォンでも操作可能なゲームがプレイできます。ゲームを開始し、査読コメントを入力していってください。最終的には論文のタイトルと査読コメントが一覧表示されます。