var output;

var submit;

​

function setup() {

  console.log(this);

  noCanvas();

  textfield = select("#input");

  output = select("#output");

  submit = select("#submit");

  submit.mousePressed(newText);

}

​

function highlight() {

  console.log(this.html());

  this.html("word interactor");

  var c = color(random(255), random(255), random(255));

  this.style("background-color", c);

  // var s = this.html().replace(

  // console.log(this);

  // console.log("hover");

}

​

function newText() {

  var s = textfield.value();

​

  var words = s.split(/(\W+)/);

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

    var span = createSpan(words[i]);

    span.parent(output);

​

    if (!/\W+/.test(words[i])) {

      // span.style("background-color", color(random(255), 0, random(255)));

      span.mouseOver(highlight);

    }

  }

  // createP(s);

}