[p5.js] for review, floor function JavaScript

//task : create 3x3 grid + floor function 이용해서 마우스가 위치한 현재 위치 가시적으로 파악하기

function setup(){
 createCanvas(301, 301);
  background(255);
  
}

function draw(){
  for(var j = 0; j < 3; j++){
for(var i = 0; i < 3; i++){
  fill(255);
    var x = floor(mouseX/100); //처음에는 100으로 안 나눠 줬는데, 숫자가 너무크고 정수화 하려고. 
    var y = floor(mouseY/100);
  rect(i*100, j*100, i*100+100, 100);
    fill(0);
    text(x + ',' +y, 20, 20);
  }


function draw(){
  for(var j = 0; j < 3; j++){
for(var i = 0; i < 3; i++){
  fill(255);
    var x = floor(mouseX/100);
    var y = floor(mouseY/100);
  if (x == i && y == j){fill(250,250, 0);} // Add a IF statement 
  rect(i*100, j*100, i*100+100, 100);
    fill(0);
    text(x + ',' +y, 20, 20);
  }
  }
}
이미지를 불러오....는데 실패... 내일 다시 

var img;

function preload(){
  img = loadImage ("clouds.png");
}

function setup(){
 createCanvas(301, 301);
  background(255);
  image = (img, 0, 0, 100, 100);
}

function draw(){
  for(var j = 0; j < 3; j++){
for(var i = 0; i < 3; i++){
  fill(255);
    var x = floor(mouseX/100);
    var y = floor(mouseY/100);
  if (x == i && y == j) {noFill();}
    rect(i*100, j*100, i*100+100, 100);
    fill(0);
    text(x + ',' +y, 20, 20);}
       }
}