Javascript 文本函数不显示更新的变量

Javascript 文本函数不显示更新的变量,javascript,processing,p5.js,Javascript,Processing,P5.js,我有以下代码: var c1,c2,c3,c4,c5,c6,c7,c8,c9,c10; c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0; var counters= [c1,c2,c3,c4,c6,c6,c7,c8,c9,c10]; for (var i=0;i<counters.length;i++){ fill(0, 0, 0); textSize(25); text(counters[i],10+40*i,50); //this

我有以下代码:


var c1,c2,c3,c4,c5,c6,c7,c8,c9,c10;

c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;

var counters= [c1,c2,c3,c4,c6,c6,c7,c8,c9,c10];



for (var i=0;i<counters.length;i++){
    fill(0, 0, 0);
    textSize(25);
    text(counters[i],10+40*i,50); 
//this text function does show the updated counter variable, it stays on 0. Why?
    line(i*40,0,i*40,400);
}




stroke(38, 165, 224);
fill(255, 255, 255);
rect(140,231,120,43);
textSize(25);
fill(0, 0, 0);
text("Play again", 141,258);
mouseClicked= function(){
if (mouseX<150+120 && mouseX>154 && mouseY>231 &&mouseY<231+43){
var randomx=random(0,400);
ellipse(randomx,100,20,20);
if (randomx>=0 && randomx<40){
    c1++;
    println(c1);
} else if(randomx>=40 &&randomx<=80){
c2++;
println(c2);
}
}
};

变量c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];

对于(var i=0;i231&&mouseY=0&&randomx=40&&randomx来说,可能值得退一步,将问题分解为更简单的步骤。我建议查看Kevin Workman指南

值得先复习一些基本知识。以下是一些基于代码的注释:

  • 你应该努力格式化你的代码:越干净越容易阅读。编程你将花费更多的时间来规划/思考和阅读/调试代码,而不是实际键入指令。让事情变得简单不仅对你未来的自己,而且对其他试图理解你要支持的代码的人来说都是非常值得的
  • 正如您在指南中所看到的,您需要使用
    setup()
    对其进行初始化(调用一次),并使用
    draw()
    不断更新和渲染数据
  • println()
    正在处理语法:在JavaScript中使用
    console.log()
以下是您的代码的修订版本:

var c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];
var buttonX=140;
var buttonY=231;
var=121;
var=43;
函数设置(){
createCanvas(900900);
对于(变量i=0;ibuttonX&&mouseY>buttonY&&mouseY=0&&randomX<40){
c1++;
控制台日志(c1);

}否则,如果(randomX>=40&&randomX可能值得退一步,将问题分解为更简单的步骤。我建议查看Kevin Workman指南

值得先复习一些基本知识。以下是一些基于代码的注释:

  • 你应该努力格式化你的代码:越干净越容易阅读。编程你将花费更多的时间来规划/思考和阅读/调试代码,而不是实际键入指令。让事情变得简单不仅对你未来的自己,而且对其他试图理解你要支持的代码的人来说都是非常值得的
  • 正如您在指南中所看到的,您需要使用
    setup()
    对其进行初始化(调用一次),并使用
    draw()
    不断更新和渲染数据
  • println()
    正在处理语法:在JavaScript中使用
    console.log()
以下是您的代码的修订版本:

var c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];
var buttonX=140;
var buttonY=231;
var=121;
var=43;
函数设置(){
createCanvas(900900);
对于(变量i=0;ibuttonX&&mouseY>buttonY&&mouseY=0&&randomX<40){
c1++;
控制台日志(c1);
}否则,如果(randomX>=40&&randomX请提供一个.With
p5.js
,它应该包括一个清晰的
setup()
draw()
函数。请注意,您需要类似
draw()
的东西来实际渲染画布。否则,需要类似
text()的东西
将只写入缓冲区。请提供一个.With
p5.js
它应该包括一个清晰的
setup()
draw()
函数。请注意,您需要类似
draw()
的东西来实际渲染画布。否则类似
text()
的东西将只写入缓冲区。