//Document ready function
$(function(){

//Hide the output until the function is run at least once
  $(".counter").hide();
  
//Set global variables so they can be set later
var diff = "";
var ascInt = "";
var descInt = "";
   
 //The main function for Kaprekar's constant
function kC(num) {
  
  //Turn integer into array of integers so that it may be sorted
  var numArray = (""+num).split("");
  
  //Sort the array into descending order
  var descArray = numArray.sort(function(a,b){
    return b - a;
  });
  
  //Sort the array into ascending order
  //Slice creates a copy of the array so as to not alter the descending one
  var ascArray = numArray.slice().sort(function(a,b){
    return a - b;
  });
  
  //Use join to turn the arrays into strings
  //Use parse int to turn those strings to integers
  descInt = parseInt(descArray.join(''));
  ascInt  = parseInt(ascArray.join(''));
  
  //calculate the difference betweent the numbers
  diff = descInt - ascInt;
  
  //Return the difference so that it may be used in function again if necessary
  return diff;
}
 
 //Button click sets it all off!
$("button").on("click", function(){
  
  //Remove the output div from the previous calculation
  $(".output").text("");
  
  //The counter variable counts how many times the function runs
  var counter = 1;
  
  //get the integer from the input box
  var userVal = $("input").val();
  
  //Run the function with the user val
  kC(userVal);

  //Append the calculation that was run to the page to show the progress of the function
  $(".output").append(descInt + " - " + ascInt + " = " + diff + "<br>");

  //Check that the constant hasn't been reach and continue to run the function
while (diff !== 6174) {
  //Run the function again with the number it previously output
  kC(diff);
  
  //Increment the counter
  counter++;
  
  //Append the subsquent calculations that occur during the while loop after the initial call of the function
  $(".output").append(descInt + " - " + ascInt + " = " + diff + "<br>");
} 
  //Show the counter div after the function has run once
  $(".counter").show();
  
  // Insert the final counter number to show how many times the iteration ran
  $("#counterSpan").text(counter);  
})  
 
  });