javascript - 基本 Javascript/jQuery 数学游戏 : Why can't I evaluate the second time I run this function?

Question

这里是自学成才的新手 JS 程序员。我正在尝试通过制作一个基本的加法游戏来练习我学到的东西。它现在不是非常光滑，但我只是想降低基本功能。

我现在要做的就是在用户正确回答后不断生成问题(无需刷新页面)。而且它仅在第一次出现时有效。

首先，我创建了一个函数来生成我可以计算的随机数并将它们放在页面上。 Click here to see the jsfiddle I made

    // GENERATE AND INSERT NUMBERS

function getRandomInt (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min;
}
function Operation() {
    var self = this;
    var $numberOne = getRandomInt(0,20);
    var $numberTwo = getRandomInt(0,20);
    $numberHolderOne.html($numberOne);
    $numberHolderTwo.html($numberTwo);
    self.quest = $numberOne + $numberTwo;
    self.solution = eval (self.quest);
}
    Operation();

然后我进行评估，我想提醒用户他们是对的、错的还是没有输入有效字符。如果用户是对的，我想在页面上提出一个新问题。

            //EXECUTE ON CLICK
$goButton.on('click', function(e) {
    e.preventDefault();
    var myAnswer = $('input:text').val();

            if (myAnswer == self.solution)  {
            alert( "You did it!" );
            new Operation();
                }     
            else if (isNaN(myAnswer)) {
            alert("Numbers Only yo!");
        }
            else {
            alert("Try Again Please");
        }
     });

就像我说的那样有效! ...有点。只要您只提交第一个问题的正确答案，它就会生成新问题。为什么？我的意思是，我正在运行一个新函数，这些变量是在该函数中定义的。有什么我想念的吗？这是范围问题吗？

Answer 1

您已经创建了 block 本地的变量 self，请使其可供您为 go 按钮编写的函数访问。

我已经编辑了 fiddle ，请引用这个链接:js fiddle link