​

function setup() {

  createCanvas(600, 1200);

  var button1 = createButton('Pop');

  button1.position(10, 15);

  button1.mousePressed(button1Pressed);

  var button2 = createButton('Push');

  button2.position(100, 15);

  button2.mousePressed(button2Pressed);

  var button3 = createButton('Pop');

  button3.position(200, 15);

  button3.mousePressed(button3Pressed);

  var button4 = createButton('Push');

  button4.position(300, 15);

  button4.mousePressed(button4Pressed);

}

​

function draw() {

  background(240,240,240);

  noStroke();

  for (var i = 0; i < myArray.length; i++) {

    var fillColour = myArray[i];

​

    fill(fillColour);

    rect(20, 50 + (25 * i), width - 30, 20); 

    text(i, 5, 55 + (25 * i), width - 20, 20);

  }

}

​

function button1Pressed()

{

  myArray.pop();

}

​

function button2Pressed()

{

  myArray.push("green");

}

​

​

function button3Pressed()

{

  myArray.shift();

}

​

function button4Pressed()

{

  myArray.unshift("red");

}

​