var textfield;
var output;
var submit;
var lookupLink;
var data;

function preload(){
    lookupLink = 'https://api.datamuse.com/words?ml=';

}



function setup() {
  noCanvas();
  textfield = select('#input');
  output = select('#output');
  submit = select('#submit');
  submit.mousePressed(newText);

}

function newText(){
    output.html('');
    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.mouseOver(changeWord);
        }
    }
}

function changeWord(){
    data = loadJSON(lookupLink+this.html())
    var index = floor(random((Object.keys(data).length)));
    console.log(data[index].word);
    //the above console.log gives an error.
}