mousePressed method firing early

gmath314

I wrote the following code hoping to have an answer paragraph display when the ‘Check Answer’ button is clicked. But for some reason the answer is displaying immediately when the page loads - no clicks needed. What am I doing wrong?

function setup () {
var ans = generate();
var checkMe = createButton(‘Check Answer’);
checkMe.mousePressed(createP(ans));
}

GoToLoop

• At checkMe.mousePressed(createP(ans)); you're actually invoking function createP(). #-o
• Instead, you need to pass a callback function that will execute createP() every time the mousePressed()'s event happens/triggers/fires. :-B
• There's a handy shortcut syntax to create such lambda functions using the fat arrow =>: :>
  https://Developer.Mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
• Here's the solution then: checkMe.mousePressed(() => createP(ans)); :-bd