mwrouse/ReadJSON.html

## index.js
window.addEventListener('load', function() {
  var upload = document.getElementById('fileInput');

  // Make sure the DOM element exists
  if (upload)
  {
    upload.addEventListener('change', function() {
      // Make sure a file was selected
      if (upload.files.length > 0)
      {
        var reader = new FileReader(); // File reader to read the file

        // This event listener will happen when the reader has read the file
        reader.addEventListener('load', function() {
          var result = JSON.parse(reader.result); // Parse the result into an object

          console.log(result);
          console.log(result.name);
          console.log(result.age);
          console.log(result.occupation);
        });

        reader.readAsText(upload.files[0]); // Read the uploaded file
      }
    });
  }
});

## ReadJSON.html
<!DOCTYPE html>
<html>
   <head>
     <title>File Input</title>
  </head>
  <body>
    <input type="file" id="fileInput">

    <script src="index.js"></script>
  </body>
</html>

## test.json
{
  "name": "Michael Rouse",
  "age": "20",
  "occupation": "Student"
}
	window.addEventListener('load', function() {
	var upload = document.getElementById('fileInput');

	// Make sure the DOM element exists
	if (upload)
	{
	upload.addEventListener('change', function() {
	// Make sure a file was selected
	if (upload.files.length > 0)
	{
	var reader = new FileReader(); // File reader to read the file

	// This event listener will happen when the reader has read the file
	reader.addEventListener('load', function() {
	var result = JSON.parse(reader.result); // Parse the result into an object

	console.log(result);
	console.log(result.name);
	console.log(result.age);
	console.log(result.occupation);
	});

	reader.readAsText(upload.files[0]); // Read the uploaded file
	}
	});
	}
	});
	<!DOCTYPE html>
	<html>
	<head>
	<title>File Input</title>
	</head>
	<body>
	<input type="file" id="fileInput">

	<script src="index.js"></script>
	</body>
	</html>
	{
	"name": "Michael Rouse",
	"age": "20",
	"occupation": "Student"
	}