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

No:6997

185

←

Prev Next

→

Dog-dog rock-paper-scissors! Five people will ask ..ALL
Developer User3589｜Date and time 23/7/4 22:22:54
Build time 19.82 sec｜Game capacity 2.255KB｜

Script

犬犬ジャンケン！

←

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>犬犬ジャンケン</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    #question {
      margin: 20px;
    }
    
    #result {
      margin-top: 20px;
      font-size: 30px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>犬犬ジャンケン！</h1>
  
  <div id="question">
    <p id="question1"></p>
    <input type="text" id="answer1">
    <p id="question2"></p>
    <input type="text" id="answer2">
    <p id="question3"></p>
    <input type="text" id="answer3">
    <p id="question4"></p>
    <input type="text" id="answer4">
    <p id="question5"></p>
    <input type="text" id="answer5">
    <button onclick="checkAnswers()">確認</button>
  </div>
  
  <div id="result"></div>
  
  <script>
    const questions = [
      "犬の鳴き声は「ワンワン」でしょうか？",
      "犬は４本足ですか？",
      "大型犬よりも小型犬の寿命のほうが長いですか？",
      "犬の尾の動きで喜怒哀楽を表現しますか？",
      "犬は人の言葉を理解できますか？"
    ];
    
    const answers = [
      "はい",
      "はい",
      "いいえ",
      "はい",
      "いいえ"
    ];
    
    let score;
    
    function displayQuestion(index) {
      const questionElement = document.getElementById(`question${index + 1}`);
      questionElement.textContent = questions[index];
    }
    
    function checkAnswers() {
      const answerElements = document.querySelectorAll("input[type='text']");
      let count = 0;
      score = 0;
      
      answerElements.forEach((answerElement, index) => {
        if (answerElement.value === answers[index]) {
          score++;
        }
        count++;
      });
      
      if (count === 5) {
        showScore();
      } else {
        alert("全ての質問に回答してください！");
      }
    }
    
    function showScore() {
      const result = document.getElementById("result");
      result.textContent = `正解数：${score} / 5`;
    }
    
    function startGame() {
      for (let i = 0; i < 5; i++) {
        displayQuestion(i);
      }
    }
    
    startGame();
  </script>
</body>
</html>