数字当てゲーム

そーし 03/26 14:36

アプリを動かす

コードを見る

<p>1〜1000の数字を当てよう！</p>
<input id="input" type="number" min="1" max="1000">
<button id="btn">答える</button>
<p id="result"></p>

const answer = Math.floor(Math.random() * 1000) + 1;

const btn = document.querySelector('#btn');
const input = document.querySelector('#input');
const result = document.querySelector('#result');

btn.addEventListener('click', function() {
  const guess = Number(input.value);

  if (guess === answer) {
    result.textContent = '正解！🎉';
  } else if (guess < answer) {
    result.textContent = 'もっと大きい！';
  } else {
    result.textContent = 'もっと小さい！';
  }
});