im using controlP5 processing gui, and i need counter inside draw() function. I know that draw function run continuously and every for loop is shown in its last step. well I need to see every step. i have two inputs, and i can input only once, because of draw(). i need draw() function to wait for input or something like that. please help, im working on app that will note card game points, and i need it to wait my input, and then write result in textarea+i.... thanks

import controlP5.*;

Textarea myTextareaMI;
Textarea myTextareaVI;
Textarea my;

String textValueBODOVI = "";
String textValueZVANJE = "";
boolean mi=false, vi=false;
int i=1;


ControlP5 cp5;

int myColor = color(255);

int c1, c2;

float n, n1;



void setup() {
  size(320, 480);
  noStroke();
  PFont font = createFont("arial", 20);
  cp5 = new ControlP5(this);
  cp5.addButton("NOVA PARTIJA")
    .setValue(0)
      .setPosition(0, 0)
        .setSize(480, 19)
          ;
  cp5.addButton("PONISTI ZADNJI UNOS")
    .setValue(100)
      .setPosition(0, 20)
        .setSize(480, 19)
          ;

  cp5.addBang("MI")
      .setPosition(60, 80)
        .setSize(60, 20)
          .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)


            ;
  cp5.addBang("VI")
      .setPosition(123, 80)
        .setSize(60, 20)
          .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)


            ;
  cp5.addTextfield("BODOVI")
    .setPosition(60, 41)
      .setSize(60, 20)
        .setFont(font)
            .setColor(color(255, 0, 0))
              ;
  cp5.addTextfield("ZVANJE")
    .setPosition(123, 41)
      .setSize(60, 20)
        .setFont(font)
            .setColor(color(255, 0, 0))
              ;


  ;
  int l=0;
  for (int i=1;i<11;i++,l=l+22) {
    my = cp5.addTextarea("MIVI"+i).setPosition(60, 101+l).setSize(123, 20).setFont(createFont("arial", 14))
      .setLineHeight(14)
        .setColor(color(128))
          .setColorBackground(color(255, 100))
            .setColorForeground(color(255, 100))


              ;
  }


}
public void bang() {
}
void draw() {
delay(15);
  background(myColor);
  myColor = lerpColor(c1, c2, n);
  n += (1-n)* 0.1;
  funkcija();
   }
void funkcija(){
   int suma= 0;
    for( i=1;i<=11;i++){
    int brojmi=0;
    textValueZVANJE = cp5.get(Textfield.class, "ZVANJE").getText();
    textValueBODOVI = cp5.get(Textfield.class, "BODOVI").getText();
    int bodovi = int(textValueBODOVI);
    int zvanje = int(textValueZVANJE);

    int mii, vii;
    if(bodovi>0){
    if (mi) { 
      println("mi"+brojmi+i);
      int ukupno = 162 + zvanje;     
      vii = ukupno - bodovi;
      cp5.get(Textarea.class, "MIVI"+i).setText(textValueBODOVI+"         "+vii);
       mi=false;
       vi=false;
      cp5.get(Textfield.class, "BODOVI").clear();
      cp5.get(Textfield.class, "ZVANJE").clear();
      loop();

    }
    if (vi) {
      println("vi"+i);
      int ukupno = 162 + zvanje;
      mii = ukupno - bodovi;
      cp5.get(Textarea.class, "MIVI"+i).setText(mii+"         "+textValueBODOVI);
       mi=false;
       vi=false;
      cp5.get(Textfield.class, "BODOVI").clear();
      cp5.get(Textfield.class, "ZVANJE").clear();
        }
}
       brojmi++; }
}


public void controlEvent(ControlEvent theEvent) {
  mi = theEvent.getController().getName().equals("MI");
  vi = theEvent.getController().getName().equals("VI");
}
public void clear() {
  cp5.get(Textfield.class, "BODOVI").clear();
  cp5.get(Textfield.class, "ZVANJE").clear();
}