Question 5

by ibroom

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<form>
  <input type="text" value="[3,1,2]">
  <button type="submit">Submit </button>
</form>

CSS

input{
  display:block;
}

JavaScript

var submit = document.querySelector('button');

alert('Please enter a json array');
function myFunction (){
  
  var inputValue = JSON.parse(document.querySelector('input').value);
  
  //valid JSon array is [ "Yellow", "Blue", "Orange" ]
  //Invalid JSon array is [ "Yellow", "Blu'
  
  //let sortedArray = _.orderBy(inputValue, ['name'],['asc']); // Use Lodash to sort array by 'name'
  debugger;
  
  console.log(_.sortBy(inputValue, [0]));
  //console.log(sortedArray);
  // Ran out of time to get lodash working.
  
try {

  let user = JSON.parse(inputValue); 
  
  	console.log('Array looks good');


} catch (e) {
	console.log("There are issues with the array.");
}

}

submit.addEventListener('click' , myFunction);