AI game creator

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

No:11964

113

←

Prev Next

→

Oscar game
Developer User4131｜Date and time 23/8/13 6:57:23
Build time 24.086 sec｜Game capacity 3.767KB｜

Script

Sure! Here's an example of an Oscar game implemented as a single HTML file:

The code above creates a simple Oscar game with two questions. Each question is displayed, and the user selects the correct answer from the options. The score is calculated based on the user's selections, and the final score is displayed at the end of the game. The game is designed to be played on a smartphone, with the use of clickable buttons for options.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an example of an Oscar game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Oscar Game</title>
    <style>
      #game-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }
      #question {
        font-size: 24px;
        margin-bottom: 20px;
      }
      #options {
        display: flex;
        justify-content: center;
      }
      .option {
        background-color: #ccc;
        color: #fff;
        border: none;
        padding: 10px 20px;
        margin: 10px;
        font-size: 18px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="question"></div>
      <div id="options">
        <button class="option" id="option-1"></button>
        <button class="option" id="option-2"></button>
        <button class="option" id="option-3"></button>
      </div>
    </div>

let currentQuestionIndex = 0;
      let score = 0;

// Function to display the current question
      function displayQuestion() {
        const questionElement = document.getElementById("question");
        const optionElements = document.getElementsByClassName("option");

if (currentQuestionIndex < questions.length) {
          const currentQuestion = questions[currentQuestionIndex];
          questionElement.innerText = currentQuestion.question;

// Assign each option text to the corresponding button
          for (let i = 0; i < optionElements.length; i++) {
            optionElements[i].innerText = currentQuestion.options[i];
          }
        } else {
          // Game finished, display the final score
          questionElement.innerText = `Game Over! Your score is ${score}/${questions.length}`;
          document.getElementById("options").style.display = "none";
        }
      }

// Function to handle user selection
      function handleSelection(optionIndex) {
        const selectedOption = questions[currentQuestionIndex].options[optionIndex];
        const correctOptionIndex = questions[currentQuestionIndex].correctOption;

if (selectedOption === questions[currentQuestionIndex].options[correctOptionIndex]) {
          score++;
        }

currentQuestionIndex++;
        displayQuestion();
      }

// Add event listeners to each option button
      const optionButtons = document.getElementsByClassName("option");
      for (let i = 0; i < optionButtons.length; i++) {
        optionButtons[i].addEventListener("click", function() {
          handleSelection(i);
        });
      }

// Start the game
      displayQuestion();
    </script>
  </body>
</html>
```