Javascript 替换屏幕上的文本

我正在为这个游戏编写一个代码，你每次点击一个球都会得到一分。您的总分应反映在顶部，

分数

变量保持您的分数。然而，每次分数都会被印在它的上面。这意味着，当从0点到1点时，1会打印在0上，依此类推。我知道在打印新的分数之前，我必须删除或替换以前的分数，但我对JavaScript还不熟悉，我不知道该怎么做

我的代码：

var x = Math.floor(Math.random() * 550);
var y = Math.floor(Math.random() * 350);
var r = 40;
var points = 0;

function setup() {
  createCanvas(550,350);
  background(0);
}

function draw() {
  fill (255)
  ellipse (x, y, r, r)
  text(("Score:" + points), width/2, 40)
}

function inside(mx, my){
    let d = dist(mx, my, x, y);
    return d < r - 10;
  }

function mousePressed() {
   if(inside(mouseX, mouseY)){
  points++; 
  }
}

var x=Math.floor（Math.random（）*550）；
var y=Math.floor（Math.random（）*350）；
var r=40；
var点=0；
函数设置（）{
createCanvas（550350）；
背景（0）；
}
函数绘图（）{
填充（255）
椭圆（x，y，r，r）
文本（（“分数：+分），宽度/2，40）
}
内部功能（mx，my）{
设d=dist（mx，my，x，y）；
返回d

hmm您只需使用

innerText

即可显示您的分数

function mousePressed（）{
var hhi=dist（hballx、hbally、mouseX、mouseY）
椭圆（hballx、hbally、hballsize、hballsize）
如果（hhi

您可以通过创建div来尝试这样做

var x=Math.floor（Math.random（）*550）；
var y=Math.floor（Math.random（）*350）；
var r=40；
var点=0；
设scoreDiv=null；
函数设置（）{
createCanvas（550350）；
背景（0）；
scoreDiv=createDiv（“”）；
得分区位置（宽度/2，40）
scoreDiv.style（'color'，'#FFFFFF'）；
}
函数绘图（）{
填充（255）
椭圆（x，y，r，r）
scoreDiv.elt.innerText=`Score:${points}`；
}
内部功能（mx，my）{
设d=dist（mx，my，x，y）；
返回d

---

使用

innerText

或

innerHTML

显示您的分数将work@coder这是我打印分数的代码行：

文本（（“分数：+score），宽度/2，40）

啊，对不起，我没看到xD@coder我没有使用

innerText

的实际经验，你能给我举个例子吗？@riff，它的定义在哪里？

text（）

？我正在运行此程序，并且由于未捕获的语法错误而得到一个错误。@riff您必须在html上输入

file@Rivf我已经编辑了代码，你可以试试，我看不出语法有任何错误，但是我没有使用HTML，这就是为什么我会犯错误，我相信。我正在使用JavaScript。@如果您可以在中使用html和JavaScript，我刚刚试过，它可以工作，您不知道如何使用html？谢谢您的回答，这正是我想要的。你能不能编辑一下你的答案，并根据我的问题代码修改一下？我更改了我问题的代码，所以我希望这也能反映在答案中。@riff，已更新。顺便说一句，这个游戏的早期版本很有趣。我得了大约150分，但输了。：）