js.提高（选做）：要求用户猜1-50之间的数字，但是只有10次机会

可以使用以下代码实现此功能：

// 生成1-50之间的随机数
const targetNumber = Math.floor(Math.random() * 50) + 1;

// 初始化剩余次数
let remainingGuesses = 10;

// 监听表单提交事件
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
  event.preventDefault();

  // 获取用户猜测的数字
  const guessInput = document.querySelector('input[type="number"]');
  const guess = parseInt(guessInput.value);

  // 检查输入是否有效
  if (isNaN(guess) || guess < 1 || guess > 50) {
    alert('请输入1-50之间的数字');
    return;
  }

  // 比较猜测的数字和目标数字
  if (guess === targetNumber) {
    alert('恭喜你，猜对了！');
    form.style.display = 'none';
  } else {
    // 更新剩余次数
    remainingGuesses--;
    const message = guess > targetNumber ? '太大了' : '太小了';
    const remainingGuessesMessage = remainingGuesses === 1 ? '1次机会' : `${remainingGuesses}次机会`;
    const resultMessage = `${message}，你还剩${remainingGuessesMessage}`;
    alert(resultMessage);

    // 检查是否还有剩余次数
    if (remainingGuesses === 0) {
      alert(`很遗憾，你没有猜中数字${targetNumber}`);
      form.style.display = 'none';
    }
  }

  // 清空输入框
  guessInput.value = '';
});

这段代码会在页面中生成一个表单，让用户输入猜测的数字。每次用户提交表单时，代码会检查输入是否有效，比较猜测的数字和目标数字，并更新剩余次数。如果用户猜对了，代码会提示用户成功，并隐藏表单；如果用户没有猜对且剩余次数为0，代码会提示用户失败，并隐藏表单。