Display a specific section of a local JSON Array file using the Html5 FileReader

I have a background in VBA Excel programming and find it much easier to read and manipulate Excel files using VBA compared to web tools like FileReader and JSON arrays.

Below is the content of my JSON array file:

[
  ["TWE",6000,4545.5],
  ["RW",1000,256.3]
]

I am looking to extract and display only the value 253.6 from the following HTML file. Can anyone assist me with this?

Here is an example of an HTML file reader:

<!DOCTYPE html>
<html>
    <head>
        <script>        
            function handleFileSelect()
            {               
                if (window.File && window.FileReader && window.FileList && window.Blob) {

                } else {
                    alert('The File APIs are not fully supported in this browser.');
                    return;
                }   

                input = document.getElementById('fileinput');
                if (!input) {
                  alert("Um, couldn't find the fileinput element.");
               }
               else if (!input.files) {
                  alert("This browser doesn't seem to support the `files` property of file inputs.");
               }
               else if (!input.files[0]) {
                  alert("Please select a file before clicking 'Load'");               
               }
               else {
                  file = input.files[0];
                  fr = new FileReader();
                  fr.onload = receivedText;
                  fr.readAsText(file);
               }
            }

            function receivedText() {           
               //result = fr.result;
               document.getElementById('editor').appendChild(document.createTextNode(fr.result))
            }           

        </script>
    </head>
    <body>
        <input type="file" id="fileinput"/>
        <input type='button' id='btnLoad' value='Load' onclick='handleFileSelect();'>
        <div id="editor"></div>
    </body>
</html>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Set up a local storage system to store the background color for my page

I have a unique feature on my website where clicking a button generates a random background color each time. However, I am looking to enhance this by implementing a localstorage function that will remember the last clicked color even after closing or reloa ...

Free up memory in Three.js

Utilizing the shape extrusion tool within the system, I have been extruding shapes along a spline. However, I've encountered a problem where my RAM quickly becomes full every time I move the spline nodes, as I create a new mesh each time this action i ...

No cookie found in the system

Attempting to create an effect using bloom and shaders in post-processing. However, encountering an error in the console with a blank white screen. I have tried clearing cookies, caches, and even running this in incognito mode, but it's still not work ...

Tips for fetching the chosen choices from a drop-down menu and then performing multiplication with input fields

Hey there! I'm attempting to create a system that checks if the user has selected an item from a dropdown menu, and based on their selection, perform a multiplication operation with three different variables and display the result. For instance, if " ...

What are the reasons for the success function not being called and what steps can be taken to correct it

Whenever I attempt to submit the post, the data is successfully sent and received by the server, but the success function never gets called. In the network inspector tab of Chrome, the connection shows as stalled with a warning: "connection is not finished ...

Appear gradually as I scroll downwards

My goal with this code snippet is to create a fading effect for an element based on the scroll position. The current behavior is that the element fades out when the scroll position is greater than 750 and fades in when it's less than 750. However, I w ...

Displaying information before completing map zoom and pan on Bing AJAX map

When using my Bing Ajax Map app, users are presented with a list of locations to choose from. Upon clicking on a row, the map centers and zooms in on the selected location. However, I've encountered an issue where the info window loads before the map ...

Having trouble retrieving the Enum Value from my response JSON

In my current Flask project for learning purposes, I have created a simple schema for Employees. Here is a snippet of the code (not all column names are included): class GenderChoices(enum.Enum): M = 'M' F = 'F' def __str__ ...

What is the procedure for utilizing the comparator to arrange items according to various attributes?

I am trying to find a way to arrange my models in a collection based on their required flag and then alphabetically by their value. This is what my current code looks like: var myModel = Backbone.Model.extend({ defaults: { required: true, ...

Always make sure to call for files using their respective names in

Here is how my project structure looks like: . ├── node_modules ├── package.json ├── www │ ├── css │ ├── js │ ├── file.js │ ├── folder │ ├── file2.js │ ├─ ...

Dynamically adding a class to the initial set of elements in a React map function

In my current project, I have a specific requirement where I need to assign a class to the first n elements of an array. These first n elements are obtained from the parent component and their count increases gradually. One approach that I considered was ...

The Postman tool oddly still validates the schema even when the response is incorrect

Below is the schema for a successful response: var responseSchema = { "type": "object", "properties": { "value": { "type": "object", "properties":{ "items": { "type": "array", "items": { ...

When setting a value through the DOM, the input's value bound with ngModel in Angular does not get updated

Trying to upload a file to calculate its hash and display it in an input box. If done correctly, the value should show in the form, but when submitting the form, the value does not get sent. Only adding a blank space by clicking on the input field works: ...

The Angular JSONP feature is malfunctioning

I'm attempting to utilize a jsonp call with the following code, but it doesn't appear to be functioning as expected. Code var url = 'http://z:15957/Category/Categories?callback=JSON_CALLBACK'; $http.jsonp(url).success(function (data) ...

The JSON.parse function encountered a ReferenceError because the parse method was not properly defined

I am encountering the error message "ReferenceError: parse is not defined" when executing the following line in Node V6.11.0 within an express router. router.post('/api/addComp', function(req,res) { var tempData = JSON.parse('{"compName" ...

Which option would be more beneficial for crafting a responsive UI: integrating a UI framework with three.js or solely relying on vanilla

In my quest to create a 3D editor using three.js, I find myself in uncharted territory. While I have a good grasp of JavaScript and three.js, my knowledge of web development and UI frameworks is lacking. Mrdoob's editor utilizes plain JavaScript for U ...

Determine the total cost based on the quantity purchased

I created a webpage for employees to select an item from a dropdown menu, and it will automatically display the price of that item. Check out my code below: <script> $(document).ready(function() { $('#price_input').on('change' ...

Unlocking secure content with Ajax

Trying to access a webservice or webpage solely through ajax, as it is the only allowed method for some reason. The webservice is secured with corporate SSO. When requesting webpage X for the first time, you are redirected to login page Y, outside of the a ...

The functions Show() and Hide() may not work in all scenarios within jQuery

I'm currently developing a website that allows users to participate in quizzes. Each quiz consists of 20 questions divided into three sections: 1 mark for 10 questions, 2 marks for 5 questions, and 4 marks for 5 questions. For each question, there are ...

Error: Unable to execute testFunction as it is not defined as a function

I have a unique Vue application with an upload component that allows users to select an image (via dropzone), crop it using cropperjs, and then return the cropped image back to the dropzone. Now, I am looking to compress the image right before uploading it ...