Les 4 - for-loops


Les 4 ging over for-loops

Hier de presentatie van de les: Javascript-les-4.pdf En de code van deze les:

    let aantal = 10;
let lijst = [40,62,45,30,10,109,3,105];

function setup() {
  //plaats hier de code die maar ÊÊn keer hoeft te worden uitgevoerd
  createCanvas(800,600);
  background(255);

  //laat het getal 0 - 9 zien
  for (let i = 0; i < 10; i++) {
    console.log(i);
  }

  //laat alle elementen uit de lijst zien
  //gebruik lijst.length om te bekijken
  //hoe lang de lijst is. 
  for (let i = 0; i < lijst.length; i++) {
    console.log(lijst[i]);
  }
}

function draw() {
  //teken aantal lijnen en cirkels:
  //hierbij wordt het scherm opgedeeld wordt in 'aantal' vlakken
  //en midden in de vlakken een cirkel getekend.
  for (let i = 0; i < aantal; i++) {
    let xPos = i * width/aantal;
    line(xPos, 0, xPos, height);
    circle(xPos + width/(aantal * 2), height/2,  20);
  }
}