使用Javascript使文本在代码中消失时遇到问题

我只是想让文本在鼠标悬停在精灵上时消失，但它不会这样做。我试过很多方法——把文本（A/B）放进去；在else语句中。我已经将我的文本代码移动到了程序中的任何地方。它不会消失

var alien = createSprite(100, 200);
alien.setAnimation("alienYellow_jump_1");
var bubble = createSprite(225, 250);
bubble.setAnimation("comictextbubble.png_1");
var button = createSprite(105, 275);
button.setAnimation("play_1");
function draw() {
  background("lightblue");
  if (mouseIsOver(alien)){
    alien.rotation = randomNumber(10, -10);
  }
  button.visible = false;
  if (mouseIsOver(button)){
    button.visible = true;
  }
  if (mousePressedOver(button)){
    bubble.visible = false;
  }
  drawSprites();
  stroke("black");
  textSize(20);
  var textA = text("Find the secret button to reveal your card!", 10, 207);
  var textB = text("It's your birthday!", 115, 150);
  if (mouseIsOver(button)){
    textB.visible = false;
    textA.visible = false;
  }
  console.log(textA.visible);
  console.log(textB.visible);
}```

---

是否尝试过如果将鼠标移到精灵上，文本的填充颜色将变为透明，如果将填充函数的第4个参数设置为255，则它是透明的

    function draw(){

     var Red = 255;
    var Blue = 255;
    var Green = 255;
    var Alpha = 0;
    fill(Red,Green,Blue,Alpha);
    text("Move mouse over me to disappear",200,200);
    if(mouseX>175&&mouseX<225&&mouseY>175&&mouseY<225)
        {
    Alpha=255;
        }

    }

函数绘图（）{
var-Red=255；
var蓝=255；
绿色变量=255；
varα=0；
填充（红色、绿色、蓝色、Alpha）；
文本（“将鼠标移到我身上消失”，200200）；
如果（mouseX>175&&mouseX175&&mouseY我认为这是因为当鼠标位于精灵上时，top语句将可见性设置为true，从而阻止底部语句正常工作。请尝试添加
else
语句，如下所示：

      if (mouseIsOver(button)){
    button.visible = true;
  } else if (mousePressedOver(button)){
    bubble.visible = false;
  }

如果这不起作用，请确保可见性功能实际上使精灵不可见。
我还添加了一个控制台日志，以检查程序是否真正识别If语句想要执行的操作，瞧，它确实识别出每当鼠标悬停在按钮上时，可见性都应该为“false”但它仍然没有改变。欢迎使用堆栈溢出！欢迎使用堆栈溢出！访问，查看和。如果遇到问题，请发布您的尝试，并使用代码段编辑器记录输入和预期输出。如果是s P5。请标记它。要阅读的页面是@mplungjan，可见和不可见标记通常用于什么？@jperl I如果我们将鼠标移到它们上面，它们是非常通用的，不是特定框架或浏览器方法的一部分