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

No:20296

A game where there are characters, pisters related..ALL
Developer User9012｜Date and time 23/10/9 4:34:56
Build time 20.597 sec｜Game capacity 4.563KB｜

Script

Sure! Here's an example of a simple game where you are asked simple questions about America using pictograms. It's a single HTML file that incorporates JavaScript and is enclosed within script tags. You can play the game on a smartphone.

Simple American Knowledge Game

To use this game, create a new HTML file, copy and paste the code into the file, and save it. You can then open the HTML file on your smartphone and play the game! The game will present you with multiple-choice questions about America, and you need to select the correct answer by tapping on the pictogram/button. Your score will be displayed at the end. Have fun!

←

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>Simple American Knowledge Game</title>
  <style>
   body {
     font-family: Arial, sans-serif;
     text-align: center;
   }

#question {
     font-size: 20px;
     margin-top: 30px;
   }

#options {
     margin-top: 20px;
   }

.option-btn {
     display: inline-block;
     width: 150px;
     height: 150px;
     margin: 10px;
     padding: 10px;
     border-radius: 50%;
     background-color: #f2f2f2;
     cursor: pointer;
   }

.option-btn img {
     width: 100px;
     height: 100px;
   }

#result {
     font-size: 22px;
     margin-top: 20px;
   }
  </style>
</head>
<body>
  <h1>Simple American Knowledge Game</h1>

var currentQuestionIndex = 0;
    var score = 0;

function startGame() {
      renderQuestion();
    }

function renderQuestion() {
      var currentQuestion = questions[currentQuestionIndex];
      var questionElem = document.getElementById("question");
      questionElem.innerHTML = currentQuestion.question;

var optionsElem = document.getElementById("options");
      var optionBtns = optionsElem.getElementsByClassName("option-btn");

for (var i = 0; i < optionBtns.length; i++) {
        var option = optionBtns[i];
        var optionData = currentQuestion.options[i];
        option.innerHTML = '<img src="' + optionData.image + '"><br>' + optionData.text;
      }

document.getElementById("result").innerHTML = "";
    }

function checkAnswer(optionIndex) {
      var currentQuestion = questions[currentQuestionIndex];

if (optionIndex === currentQuestion.correctAnswer) {
        score++;
        document.getElementById("result").innerHTML = "Correct answer!";
      } else {
        document.getElementById("result").innerHTML = "Wrong answer!";
      }

currentQuestionIndex++;

if (currentQuestionIndex < questions.length) {
        renderQuestion();
      } else {
        displayResult();
      }
    }

function displayResult() {
      var totalQuestions = questions.length;
      document.getElementById("question").innerHTML = "Game Over!";

var optionsElem = document.getElementById("options");
      optionsElem.innerHTML = "Your final score is " + score + " out of " + totalQuestions + ".";
    }

// Start the game when the page loads
    startGame();
  </script>
</body>
</html>
```