3.3: Else and Else if, AND and OR - p5.js Tutorial.js

var x = 0;
var speed = 3;

function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(0);
  stroke(255)
  strokeWeight(4);
  noFill();
  ellipse(x, 200, 100, 100);
  
  if (x > width || x < 0) {
  speed = speed * -1;
  } 
  x = x + speed;
}

//the commented blocks of code are from another part of the video

/* function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(0);
  stroke(255);
  strokeWeight(4);
  noFill();
  if (mouseX > 300 && mouseX < 400) {
    fill (255, 0, 200); 
}
  rect(300, 200, 100, 100);
  
 // else if (mouseX > 150) {
  // rect(300, 200, 100, 100);
// } else if (mouseX > 50) {
 //  line(0,0,width, height);
// } else {
// point (300, 200);
// }
} */