我如何循环通过这个直到我没有箭头。

Question

我认为我是相当遥远，但我试图创建一个场景，在点击id 12a，我想提醒用户输入一个数字，并继续输入一个数字，直到他们用完了5个箭头。我哪里出错了？

var arrows = 5;
alert('You have ' + arrows + ' arrows!');
var shot    = prompt('How many arrows would you like to shoot?', '1');
var shotten  = parseInt(shot);

$('#12a').click(function(){
if(isNaN(shotten)){
    alert('You must enter a valid number of arrows!');
} else if(shotten > arrows){
    alert('Sorry, but there are only ' + arrows + ' arrows.  You can not shoot ' + shotten + ' arrows!');
} else if(shotten < 0){
    alert('Sorry, but you cannot shoot less than 0 arrows!');
} else {
    arrows -= shotten;
    alert('Now there are only ' + arrows + ' arrows!');
} 
});



  <p>There's a half-elf running at you. You can shoot him with your arrows if you'd like. </p>
  <p>
    <input type="submit" name="12a" id="12a" value="Let's do it.">
  </p>

Answer 1

在使用JavaScript/webpage时，开发人员应该注意以下几点。

• 如果页面的工作方式不符合您的意愿，那么首先检查您的浏览器控制台是否存在潜在问题。
• 通常的错误可能是由于某些库丢失或未能加载例如jQuery等。
• JS语法错误
• 最后是逻辑错误。