<sxh js>

// Cliquez dans l'image pour rendre hommage à Malevich
function setup(){
createCanvas(500,500);    
background(250); // presque blanc   
}

let couleur = 0;  // la valeur initiale de la couleur
function draw() {
noStroke();  
fill(couleur);
rect(100, 100, 300, 300);    
}

function mousePressed() {  // un début d'intéraction, la fonction mousePressed() est placée à l'extérieur de la focntion draw()
  if (couleur == 0) {  // l'énoncé conditionnel qui sera vrai lors de la première évaluation
    couleur = 255; // change la valeur de la variable
    console.log('carré blanc sur fond blanc');
  } else {
    couleur = 0; // rechange la valeur
    console.log('carré noir sur fond blanc');
  }    
}

</sxh>