A Pen by Sean Mateer

/*Downloaded from https://www.codeseek.co/seanmateer/a-pen-by-sean-mateer-PqoydX */
    

/*Downloaded from https://www.codeseek.co/seanmateer/a-pen-by-sean-mateer-PqoydX */
    $(document).ready(function() {
  
  function init() {
    if (localStorage) {
      $('#your_name').val(localStorage["your_name"]);
      $('#your_surname').val(localStorage["your_surname"]);
      $('#bongo').val(localStorage["bongo"]);
      $('#input-4').val(localStorage["input-4"]);
    }
  }

  $('#add_column').on('click', function() {
    function makeColumn() {
      var countColumns = $('input[type=text]').length;
      var next = countColumns + 1;
      $('body').append('<input type="text" name="input-' + next + '" id="input-' + next + '" class="localStore column" value="">');
      console.log('the next input is number ' + next);
    }
    makeColumn();
		$('.localStore').keyup(function() {
    	localStorage[$(this).attr('id')] = $(this).val();
  	});
  });
  
  
 	 init();
	
  	// JSON.stringify --> JSON.parse
  

});