mwrouse · March 1, 2023 14:19
diff --git a/index.js b/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
      }
    });
  }
 });
diff --git a/ReadJSON.html b/ReadJSON.html
 <!DOCTYPE html>
 <html>
   <head>
     <title>File Input</title>
  </head>
  <body>
    <input type="file" id="fileInput">
    
    <script src="index.js"></script>
  </body>
 </html>
diff --git a/test.json b/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
	}
	});
	}
	});