AI game creator

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

No:3615

2471

←

Prev Next

→

reflex game
Developer User3695｜Date and time 23/6/25 20:58:15
Build time 20.988 sec｜Game capacity 2.103KB｜

Script

残り時間：10秒

スコア：0

←

Prev　Next

→ 　

Back　

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

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

//変数の定義
let timer;//カウントダウンのタイマー
let scoreCount = 0;//スコアの初期値

//ゲーム開始時の処理
function startGame() {
  startButton.disabled = true;//開始ボタンを無効化
  timer = setInterval(countDown, 1000);//1秒ごとにcountDown関数を呼び出し
  circle.addEventListener('click', addScore);//円形がクリックされたらaddScore関数を呼び出し
}

//カウントダウン処理
function countDown() {
  let time = parseInt(document.getElementById('time').textContent);//残り時間を取得して数値に変換
  if(time === 0) {
    clearInterval(timer);//タイマーを停止
    circle.removeEventListener('click', addScore);//円形のクリックイベントを削除
    alert(`終了です！スコアは${scoreCount}点でした。もう一度プレイする場合は「ゲーム再開」ボタンを押してください。`);//結果を表示
    startButton.disabled = false;//開始ボタンを有効化
    scoreCount = 0;//スコアを初期値に戻す
    score.textContent = `スコア：${scoreCount}`;//スコアの表示を更新
    return;
  }
  time--;
  document.getElementById('time').textContent = time;//残り時間を書き換え
}

//スコア加算処理
function addScore() {
  scoreCount++;
  score.textContent = `スコア：${scoreCount}`;//スコアの表示を更新
}

</script>

<body>
  <button id="start-button" onclick="startGame()">ゲームスタート</button>
  <p>残り時間：<span id="time">10</span>秒</p>
  <p id="score">スコア：0</p>
  <div id="circle"></div>
</body>

</html>