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

No:33074

A game in which you choose the meaning of a Japane..ALL
Developer User15641｜Date and time 24/1/2 13:17:27
Build time 22.133 sec｜Game capacity 2.664KB｜

Script

Japanese Words Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Japanese Words Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      color: #333;
    }
    
    .score {
      position: fixed;
      top: 10px;
      left: 10px;
      background-color: #f1f1f1;
      padding: 10px;
      font-weight: bold;
    }
    
    .choices {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px;
    }
    
    button {
      font-size: 20px;
      padding: 10px 20px;
      margin: 5px;
      background: #4287f5;
      color: white;
      border: none;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <h1>Japanese Words Game</h1>
  
  <div class="score">Score: <span id="score">0</span></div>
  
  <div id="question"></div>
  
  <div class="choices">
    <button onclick="checkAnswer(this)"></button>
    <button onclick="checkAnswer(this)"></button>
    <button onclick="checkAnswer(this)"></button>
    <button onclick="checkAnswer(this)"></button>
  </div>
  
  <script>
    const words = [
      { jap: '猫', eng: ['Dog', 'Cat', 'Fish', 'Bird'], correctIndex: 1 },
      { jap: '太陽', eng: ['Moon', 'Star', 'Sun', 'Sky'], correctIndex: 2 },
      { jap: '木', eng: ['Earth', 'Water', 'Fire', 'Tree'], correctIndex: 3 },
      // add more words here
    ];
    
    let score = 0;
    let questionNumber = 0;
    
    function startGame() {
      score = 0;
      questionNumber = 0;
      showQuestion();
    }
    
    function showQuestion() {
      const questionElement = document.getElementById('question');
      const choices = document.querySelectorAll('.choices button');
      
      if (questionNumber < words.length) {
        questionElement.textContent = words[questionNumber].jap;
        
        choices.forEach(function(choice, index) {
          choice.textContent = words[questionNumber].eng[index];
        });
      } else {
        questionElement.textContent = 'Game Over! Your score is ' + score;
        choices.forEach(function(choice) {
          choice.textContent = '';
        });
      }
    }
    
    function checkAnswer(button) {
      const selectedAnswer = parseInt(button.textContent);
      const correctAnswer = words[questionNumber].correctIndex;
      
      if (selectedAnswer === correctAnswer) {
        score += 10;
        questionNumber++;
        showQuestion();
      } else {
        score -= 5;
      }
      
      document.getElementById('score').textContent = score;
    }
    
    startGame();
  </script>
</body>
</html>