[p5js] Review of the "for" loop and (a) possible error(s) JavaScript

//task 중심이 같고, 크기가 다른 동심원 9개를 그리고, 그걸 randomize 하기, using the for loop and, of course, variables. 
//오류 유형 1. 중심이 randomize 되는 경우
//오류 유형 2. 중심은 유지 되었지만, 한 번 그려진 동심원의 위치가 randomize  안 되는 경우 

function setup(){
createCanvas(400, 400);
noFill(); //겹쳐진 동심원을 전부 볼 수 있게 
for (var i = 0; i < 9; i++){ //while loop를 간단히 한 것; 만약  i=o이고 i가 9보다 작으면 { } 안의 행위를 실행하기
ellipse(50, 50, i, i); // do stuff with ; 여기에서는 draw an ellipse 중심값을 50으로 하고, width & height 를 i로 하는 
}
}
//여기까지 하면 하나의 동심원이 그려지는  데 원이 random position을 가져야 하므로 또 다른 variables 세팅하자

function setup(){
createCanvas(400, 400);
noFill();
var x = random(width);
var y = random(height);
for (var i = 0; i < 9; i++){ 
ellipse(x, y, i, i); 
}
}
// set random positioned x, y but 랜덤 포지션 하나를 할당받고 끝, my aim is to create 9 multiple circles with random position

var x ;
var y ;
function setup(){
createCanvas(400, 400);
noFill();
for (j=0; j <9; j++){ //for loop 하나를 더 설치해서 이 모든 그룹을 한 번 더 실행한다
x = random(width);
y = random(height);
for (var i = 0; i < 9; i++){ 
ellipse(x, y, i*20, i*20);  //원의 크기가 너무 작아서 동심원이 겹쳐 보이므로 multiply
}
}
}



+ 가장 안 쪽 원이 잘 안보이므로 


var x ;
var y ;
function setup(){
createCanvas(400, 400);
noFill();
for (j=0; j <9; j++){ //for loop 하나를 더 설치해서 이 모든 그룹을 한 번 더 실행한다
x = random(width);
y = random(height);
for (var i = 0; i < 9; i++){ 
ellipse(x, y, 5+i*10, 5+i*10);  //가장 안 쪽 원이 잘 안보이므로 +add 5
}
}
}