function ProcessString(){
  // capture text of what is in the form as a variable
  var formElements = document.forms['codeForm']['this'].value;
  
  // seperate string into array of key value pairs
  var myPairs = formElements.split('&');
  
  
  // clear table
  var usersDiv = document.querySelector("#users");
  usersDiv.innerHTML = "";
  
  //create table
  var table = document.createElement("table");
  // give table a bootsrap class
  var att = document.createAttribute("class");       // Create a "class" attribute
  att.value = "table table-hover";
  table.setAttributeNode(att);
  
  for (var parameter in myPairs){
    // split key value pair
    var newArray = myPairs[parameter].split('=');
	
    //console.log(newArray[0], decodeURIComponent(newArray[1]));
    // insert row into table
    var row = table.insertRow();
    // insert cells in the row
    var keyCell = row.insertCell();
    keyCell.innerHTML = newArray[0];
    
    var valueCell = row.insertCell();
    valueCell.innerHTML = decodeURIComponent(newArray[1]);
    //console.log(decodeURIComponent(newArray[1]))
  };
  // add table to div
  usersDiv.appendChild(table);
}

function ClearData(){
  // clear table
  var usersDiv = document.querySelector("#users");
  usersDiv.innerHTML = "";
}