var mess = ' ';

document.addEventListener("DOMContentLoaded", function() {
  var qs = function(sel) { return document.querySelector(sel); };
  var words = qs("#words");
  var textarea = qs("#enter");
  	textarea.innerHTML = "A javascript device that randomly distributes spaces between characters in a text. Kind of makes it look like an autechre sleeve. \nType your text here…";

qs(".arttext input[type=submit]").addEventListener("click", function() {

  var count = textarea.value.replace(/[^a-zA-Z0-9’,.£]/g, '').length;

       var j=0; var tot="x";
for(j=1; j< count*3; j++)
{
var xx = Math.random();
var rnumber = Math.round(xx*5);
	if(rnumber >=3) {
	var bloc = "x"; 
	} else if(rnumber ==0) {
	var bloc = "  ";
	} else {
	var bloc = " ";
	}

var mess = bloc + tot;
var tot = bloc + tot;
} 

    var finaltext = textarea.value.replace(/(<([^>]+)>)/ig,"");
	var text = finaltext.replace(/[^a-zA-Z0-9’,.&£ ]/g, '');
    var messed_text = [];
      text = text.split('').reverse();
      for (var i =  0; i < mess.length; i++) {
        var c = mess[i];
        if (c === '  ') {
          messed_text.push('\n');
        } else if (c === ' ') {
          messed_text.push(c);
        } else {
          messed_text.push(text.pop());
        }
      }
      words.innerHTML = "<p>" + messed_text.join('') + text.reverse().join('') + "</p>";
      
      
    
  }, false);
}, false);