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

No:2432

3148

←

Prev Next

→

Games to correct blurriness
Developer User3544｜Date and time 23/6/21 11:56:37
Build time 17.269 sec｜Game capacity 2.566KB｜

Script

Games to correct blurriness

Find the blurry words in the sentences displayed on the screen and correct them!

Time limit is 30 seconds. Score is calculated by the number of correct answers.

Time remaining:30 sec

Number of positive answers:0問

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>ボケをなおすゲーム</title>
</head>
<body>
  <h1>ボケをなおすゲーム</h1>
  <p>画面に表示される文章の中からボケた言葉を見つけて修正しよう！</p>
  <p>制限時間は30秒。スコアは正答数で計算されます。</p>
  <p id="sentence"></p>
  <form>
    <input type="text" id="answer" autocomplete="off">
    <input type="submit" id="submit" value="解答する">
  </form>
  <p>残り時間：<span id="time">30</span>秒</p>
  <p>正答数：<span id="score">0</span>問</p>

let currentSentence = "";
    let remainingTime = TIMEOUT;
    let score = 0;

const sentenceEl = document.getElementById("sentence");
    const answerEl = document.getElementById("answer");
    const timeEl = document.getElementById("time");
    const scoreEl = document.getElementById("score");

function init() {
      answerEl.focus();
      nextSentence();
      setInterval(updateTimer, 1000);
    }

function nextSentence() {
      const index = Math.floor(Math.random() * sentences.length);
      currentSentence = sentences[index];
      sentenceEl.textContent = currentSentence;
    }

function updateTimer() {
      remainingTime--;
      timeEl.textContent = remainingTime.toString();
      if (remainingTime <= 0) {
        showResult();
      }
    }

function showResult() {
      alert(`制限時間内に${score}問正解しました！`);
      location.reload();
    }

function submitAnswer(e) {
      e.preventDefault();

const answer = answerEl.value.trim();
      if (answer === "") {
        return;
      }

if (answer === currentSentence) {
        score++;
        scoreEl.textContent = score.toString();
      }

answerEl.value = "";
      nextSentence();
    }

init();

document.getElementById("submit").addEventListener("click", submitAnswer);
  </script>
</body>
</html>