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

No:33073

A game in which you choose the meaning of a Japane..ALL
Developer User15641｜Date and time 24/1/2 13:14:07
Build time 20.195 sec｜Game capacity 2.329KB｜

Script

Japanese Word 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">
  <title>Japanese Word Game</title>
  <style>
    body {
	  font-family: Arial, sans-serif;
	  text-align: center;
	}
	
	h1 {
	  margin-top: 50px;
	}
	
	#question {
	  font-size: 24px;
	  margin-top: 100px;
	}
	
	#options {
	  display: flex;
	  justify-content: center;
	  margin-top: 50px;
	}
	
	.option {
	  margin: 10px;
	  padding: 20px;
	  border: 2px solid #000;
	  cursor: pointer;
	  transition: background-color 0.3s;
	}
	
	.option:hover {
	  background-color: #eee;
	}
	
	#score {
	  position: absolute;
	  top: 10px;
	  left: 10px;
	  font-size: 24px;
	}
  </style>
</head>
<body>
  <h1>Japanese Word Game</h1>
  <div id="question"></div>
  <div id="options">
    <div class="option"></div>
    <div class="option"></div>
    <div class="option"></div>
    <div class="option"></div>
  </div>
  <div id="score">Score: 0</div>
  
  <script>
    var words = [
	  { question: "赤", options: ["Blue", "Green", "Red", "Yellow"], answer: 2 },
	  { question: "犬", options: ["Cat", "Dog", "Elephant", "Monkey"], answer: 1 },
	  { question: "お金", options: ["Money", "Time", "Food", "Love"], answer: 0 },
	  { question: "友達", options: ["Friend", "Family", "Home", "Book"], answer: 0 }
	];
	
	var score = 0;
	var currentLevel = 0;
	
	var questionElement = document.getElementById("question");
	var optionsElement = document.getElementById("options");
	var scoreElement = document.getElementById("score");
	
	function generateQuestion() {
	  var currentQuestion = words[currentLevel];
	  questionElement.innerHTML = currentQuestion.question;
	  
	  optionsElement.innerHTML = "";
	  currentQuestion.options.forEach(function(option, index) {
	    var optionElement = document.createElement("div");
	    optionElement.className = "option";
	    optionElement.innerHTML = option;
	    optionElement.addEventListener("click", function() {
	      checkAnswer(index, currentQuestion.answer);
	    });
	    optionsElement.appendChild(optionElement);
	  });
	}
	
	function checkAnswer(userAnswer, correctAnswer) {
	  if (userAnswer === correctAnswer) {
	    score++;
	    currentLevel++;
	    scoreElement.innerHTML = "Score: " + score;
	    generateQuestion();
	  } else {
	    alert("Wrong answer! Try again.");
	  }
	}
	
	generateQuestion();
  </script>
</body>
</html>