javascript - JavaScript初学函数问题

Question

我正在尝试创建一个基本的数字匹配游戏。我试图让剩余尝试的值(value)随着猜测的错误而增加，直到达到 10，然后 console.log('Game over')。

我正在尝试使用三元运算符和箭头函数来执行此操作。按照目前的情况，我的 remaningTries let 的值不会增加。有人能解释一下为什么吗？提前致谢。

let randomNum = Math.random()
let remainingTries = 0

randomNum = Math.floor(randomNum * 100)

console.log(randomNum)

gameOver = function() {

}


dragon = function() {
  document.querySelector('.gF').addEventListener('submit', function(e) {
    e.preventDefault()

    let number = e.target.elements.guess.value
    rt = (go) => go++


      if (number == randomNum) {
        let text = document.createElement('p')
        text.textContent = `You won, congrats. The number was ${number}`
        document.querySelector('.text').appendChild(text)
        document.querySelector('.fish').setAttribute('disabled', true, '.disabled', true)

        let again = document.createElement('button')
        again.textContent = 'Another round?'
        again.value = "refreshPage"
        again.onclick = () => location.reload()
        document.querySelector('.text').appendChild(again)

      }

    else if (number > randomNum) {
      let lower = document.createElement('p')
      lower.textContent = `The number is too high. (${number})`
      document.querySelector('.text').appendChild(lower)
      remainingTries < 10 ? rt(remainingTries) : console.log('Game over :(')
      console.log(remainingTries)
    } else if (number < randomNum) {
      let higher = document.createElement('p')
      higher.textContent = `The number is too low. (${number})`
      document.querySelector('.text').appendChild(higher)
      remainingTries <= 10 ? rt(remainingTries) : console.log('Game over :(')
      console.log(remainingTries)

    } else {
      let other = document.createElement('p')
      other.textContent = `Please enter a number. You entered ${number}.`
      document.querySelector('.text').appendChild(other)
      remainingTries <= 10 ? rt(remainingTries) : console.log('Game over :(')
    }
  })
}
dragon()

Answer 1

您在提交处理程序中将 remainingTries 设置为 0，因此每次都会重置。将 let剩余Tries = 0 移到 dragon 函数之外。