let words = [];

//2. Variable that will contain instance of HTML <p> element

let p;

//3. Variable that will hold the random string being built

let str = '';

​

​

function preload() {

  //4. Load the text file

  console.log(1);

  loadStrings('bang.txt', process);

}

​

function setup() {

  //15. Initialize the sketch using no canvas

  noCanvas();

  //16. Create a paragraph in the DOM

  p = createP();

  console.log(5);

}

​

function draw() {

  console.log(6);

  //17. Every 30 frames (every half second)

  if(frameCount%30 ==0) {

    //18. Choose a word randomly from the array of words

    let next_word = random(words);

    //Add this word to the string followed by a space

    str +=  next_word + ' ';

    //19. Set the string as the content of the paragraph

    p.html(str);   

  }

  noLoop();

}

​

//5. Process the loaded text file

function process(lines) {

  console.log(2);

  //6. Go line by line in the loaded text file

  for(let ln of lines) {

    //7. Split each line into an array of words

    let tokens = splitTokens(ln);

    //8. Add those words to the big words array

    words = words.concat(tokens);

    console.log(3);

  }

  //9. Go word by word

  for(let w = words.length - 1; w >=0; w--) {

    console.log(4);

    //10. Saves the current word being worked on in a variable

    let word = words[w];

    //11. Replace every punctuation with an empty string

    word = word.replace(/[\-_!?.,;:\(\)]/g, '');

    //12. Make each word lower case

    word = word.toLowerCase();

    //13. Remove whitespace around the word

    word = word.trim();

    //14. If the word is empty, remove it from the words array

    if(word.length < 1) words.splice(w, 1);

    else words[w] = word; //14. If it is not empty, update it in the words array with the new formatted word

  }

}