draw = function() {

Question

fill(0, 255, 68); // start color

if (mouseIsPressed&&mouseX>50&&mouseX>250&&mouseY<150&&mouseX<400) {
fill(33, 112, 52); // click color
}
rect(50, 150, 250, 100); // the button

// The button text
fill(0, 0, 0);
textSize(30);
text("PRESS ME!", 93, 193);
};
I made the changes and the code still doesn't work

Answer 1

There seem to be a couple of mistakes in your code that might be causing it not to work.

First, in the if statement, instead of checking if mouseX is greater than both 50 and 250 (mouseX > 50 && mouseX > 250), it should be mouseX is greater than 50 but less than 250 (mouseX > 50 && mouseX < 250).

Secondly, in the if statement, instead of checking if mouseY is less than 150 (mouseY < 150), it should be mouseY is greater than 150 but less than 250 (mouseY > 150 && mouseY < 250).

Here's the corrected code:

```javascript
draw = function() {
fill(0, 255, 68); // start color

if (mouseIsPressed && mouseX > 50 && mouseX < 250 && mouseY > 150 && mouseY < 250) {
fill(33, 112, 52); // click color
}
rect(50, 150, 250, 100); // the button

// The button text
fill(0, 0, 0);
textSize(30);
text("PRESS ME!", 93, 193);
};
```

Please try running the updated code and see if it works as expected. If the issue persists, please provide more information on what the code is supposed to do and any error messages you are encountering.