let novoNumero = true; 

let memoria = 0; 

let lado = 16; 

let xBordaBotao1 = 10;

let yBordaBotao1 = 40; 

let xTextoBotao1 = 18;

let yTextoBotao1 = 52; 

let espacoEmXY = 20; 

function setup() {

  createCanvas(100,160); 

}

​

function draw() {

  background(230);  

  textAlign(RIGHT); 

  text(visor,80,25); 

  textAlign(CENTER); 

  square(xBordaBotao1, yBordaBotao1, lado);

  text('1',xTextoBotao1,yTextoBotao1);

  square(xBordaBotao1 + espacoEmXY, yBordaBotao1, lado);

  text('2',xTextoBotao1 + espacoEmXY, yTextoBotao1);

​

  square(xBordaBotao1 + 2*espacoEmXY, yBordaBotao1, lado);

  text('3',xTextoBotao1 + 2*espacoEmXY, yTextoBotao1);

  square(xBordaBotao1 + 3*espacoEmXY, yBordaBotao1, lado);

  text('+',xTextoBotao1 + 3*espacoEmXY, yTextoBotao1);

  square(xBordaBotao1, yBordaBotao1+espacoEmXY, lado);

  text('4',xTextoBotao1, yTextoBotao1+espacoEmXY);  

​

}

​

function keyPressed() {

  if ( key == 1 || key == 2 || key == 3 || key == 4 ) {

    if ( novoNumero ){ 

      visor = '';

      novoNumero = false; 

    }

    visor = visor + key; 

  }

  if ( key == '+' ) {

    novoNumero = true;

    memoria = memoria + parseFloat(visor);  

    visor = memoria; 

  }

  if ( key == '-' ) {

    novoNumero = true;

    memoria = memoria - parseFloat(visor);  

    visor = memoria; 

  }

​

}

​