第二个函数（guess()）由点击事件运行

Question

我正在尝试编写一个猜数应用程序。 它包含两个 function，第一个是 startGame() 正常工作（接收最大数量，然后通过隐藏类消失）。 但第二个是假设接收用户的猜测并检查用户的猜测与目标数字，看看它们是否相等。 这是 html 和 javascript 源代码。

const stage2 = document.getElementById('stage2');
const maximuminput = document.getElementById('maximum');
const startbutton = document.getElementById('start');
const guessinput = document.getElementById('guess-number');
const guessbutton = document.getElementById('guess-button');
const chancesspan = document.getElementById('chances');


let maximumNumber, totalChances, targetNumber;

startbutton.addEventListener('click', startGame);
function startGame(){
  maximumNumber = Number(maximuminput.value);

  if(maximumNumber > 10) {
      targetNumber = Math.floor(Math.random() * (maximumNumber + 1));
      totalChances = Math.floor(Math.log2(maximumNumber)) + 1;
      chancesspan.textContent = totalChances;
      stage1.classList.toggle('hidden');
      stage2.classList.toggle('hidden');
  }else {
      const p = document.querySelector('#stage1 p');
      p.outerHTML = '<P class="red">عدد وارد شده باید بزرگتر از 10 باشد</P>'
  }
}

guessbutton.addEventListener('click', guess);

function guess(){
  let yourguess = NUmber(guessinput.value);
  if(yourguess == targetNumber){
      stage2.innerHTML = '<p class="blue">تبریک شما موفق شدید</p>';
      return;

  }else if(yourguess > targetNumber) {
      const status = document.getElementById('status');
      status.innerHTML += `<span class="red">${yourguess}</span>`;
  }else {
      const status = document.getElementById('status');
      status.innerHTML += `<span class="red">${yourguess}</span>`;
  }

  remainingChances = Number(chancesspan.textContent);
  remainingChances -- ;
  if(remainingChances > 0 ){
      chancesspan.textContent = remainingChances;
  }else {
      stage2.innerHTML = '<p class="red>!متاسفانه فرصت شما به پایان رسید</p>"'
  }
}```

Answer 1

你这里好像有错字

let yourguess = NUmber(guessinput.value);

let yourguess = Number(guessinput.value);