Trouble with Adding and Showing Arrays

function resetValues() {
    var p = parseFloat($("#IA").val());
    var q = parseFloat($("#IB").val());
    var m = parseFloat($("#CGCD").val());
    var aR = [];

    aR.push("GCD(" + p + "," + q + ")=" + m);

    document.getElementById("PGCD").innerHTML = aR.join("\n");

    document.getElementById("IA-error").innerHTML = "";
    document.getElementById("IB-error").innerHTML = "";

    $("#IA").focus();
}

The function provided above is designed specifically for resetting values, as part of a larger code implementation aimed at calculating the Greatest Common Denominator (GCD).

This 'resetValues' function is linked to a button identified as #reset. When this button is clicked, it performs four main tasks:

  1. Adds and stores the string GCD(p,q)=m into the 'aR' array, where p/q/m represent placeholder variables for values inputted in text areas #IA, #IB, and #CGCD respectively;
  2. Displays the contents of the 'aR' array within the text-area #PGCD each time the reset button is activated, utilizing an array structure for this specific purpose;
  3. Clears the content of two input text areas, #IA and #IB;
  4. Clears the output from a designated text area.

While the functionality achieves its intended goals effectively, there is one limitation: only the most recent GCD calculation is shown in the output. Previous calculations are not retained or displayed.

An issue arises in attempting to list multiple saved calculations within the array. It is suspected that new calculations are being added to the array but may not be correctly formatted for display.

Various strategies such as 'for' and 'if' statements were explored to address this challenge without success. The inability to locate a suitable solution on available forums further compounds the problem.

Your insights and suggestions are greatly appreciated.

Answer №1

It seems like the problem you are encountering is related to using the += operator incorrectly when trying to add elements to an array. Instead, you should be using

aR.push("GCD(" + p + "," + q + ")=" + m);

The += operator is specifically for adding a value to itself or concatenating strings.

Update: Based on feedback, it appears that the issue stemmed from declaring aR as a local variable instead of either global or within the same scope.

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

Showing Sequelize validation errors in Express API: a comprehensive guide

In my Node.js/Express API with Sequelize ORM running MySQL, I have an Organization model that enforces a 2-100 character rule under validation. When this rule is violated in the first code snippet below, the err item from the catch block in the second code ...

The functionality of json_encode seems to vary when applied to different PHP arrays, as it successfully encodes data for

My current challenge involves importing three arrays from PHP into JS using json_encode. Below is the code snippet I am currently working on: <?php $query2 = "SELECT * FROM all_data"; $result2 = $conn->query($query2); $bu = []; ...

Creating a new JSON by extracting a specific branch or node from an existing JSON data

I have a Nuki Smartlock and when I make two API calls to the Nuki Bridge, I receive JSON responses. I want to apply the same logic to both responses: When requesting for current states, the JSON looks like this: [{ "deviceType": 0, "nuk ...

When the condition fails to activate

I am encountering an issue with my code that involves an if statement checking the value of a variable and binding a mousewheel event based on its true or false value. The problem is, the if condition only triggers on load and not when the value changes to ...

Remove all stored data from localStorage and update the view in Backbone framework

Hi, currently I am using backbone localstorage and facing an issue where I need to clear the localstorage every time a user hits the search button. This will allow me to add new data to the localStorage without any conflicts. Additionally, I am attempting ...

Creating a versatile JavaScript library that is compatible with various platforms such as browsers, NodeJS, and single page applications like React

My question is: Is it possible to convert a basic file into a versatile library that can be utilized with Browsers (via script tag), Node JS, and Single Page Applications using a single codebase? In the past, I have primarily used existing libraries witho ...

Retrieving a channel using its unique ID and then sending a message directly into it

I am attempting to retrieve a channel by its ID and then send a message to it, but I keep encountering an error when running the code. ERROR: Error sending message to welcome channel.: TypeError: Cannot read properties of undefined (reading 'send&apos ...

How can refs be applied effectively in React applications?

I've been thinking about the role of refs in React and how they can address certain challenges for developers. However, I have found that the explanations provided in the React documentation are not very clear, and there seems to be a lack of helpful ...

Would you be able to clarify why the run() function is giving me an error when I try to return {1,3}, but it works fine when I return {a,b} in

I'm really confused as to why the return {1,3} in the run() function is throwing an error when it works just fine for return {a,b} in the fun() function function fun(){ let a = 10; let b = 20; return {a, b}; } ...

A guide on parsing a nested JSON file with ExtJS 4

Here is the content of my JSON file named "jobInfo.json": { "job": { "id": 1, "name": "Job 1", "description": "bla bla bla", "locations": { "type": "FeatureCollection", "features": [{ "id": 1, "t ...

Incorporating HTML content into a Vue component

I'm running into issues trying to display the content of an HTML file within a Vue component. Essentially, I have a Django backend that generates an HTML file using Bokeh and backtesting.py library. On the frontend side, I'm utilizing Nuxt/Vue, w ...

How can we effectively manage error responses and retry a failed call in NodeJS without getting tangled in callback hell?

I am in search of an effective approach to handle the given situation. I am curious if employing promises would be a helpful solution? Situation Overview: When a call retrieves a callback, and this callback receives an error object as a parameter. My obj ...

A Guide to Modifying Background Image Attribute using JavaScript

I am currently in the process of changing an attribute of a JavaScript variable from url("../images/video.png") (as declared in the CSS) to url("../images/pause.png") using this line of code: fullscreenPlayPauseButton.style.backgroundImage = "url("../imag ...

Service for Posting in Angular

I am looking to enhance my HTTP POST request by using a service that can access data from my PHP API. One challenge I am facing is figuring out how to incorporate user input data into the services' functionality. Take a look at the following code snip ...

Can the layout created with JqueryMobile be used on both web and mobile platforms?

I develop websites using php for the backend and HTML/CSS for the frontend. Currently, the need to make my website mobile-friendly has arisen. I am contemplating utilizing JqueryMobile but I'm uncertain if the same layout will work for both desktop an ...

Utilize Express and Passport to enable simultaneous login for various 'local' accounts

Apologies in advance for any language or technical errors, as English and Node are not my strong suits. I have resorted to using Google Translation for assistance since solutions within my local sphere are unavailable. EQUIPMENT USED Ubuntu 16.04 locally ...

Looking to display database information using javascript

Currently, I am working on a project involving PHP code where I retrieve variables from an input and utilize AJAX. Here is the code snippet: $.ajax({ type: "GET", url: "controller/appointment/src_agenda.php", data: { function: "professional", ...

transferring the value of a textbox into another textbox

I am trying to extract the value from one textbox and transfer it to another textbox. Here is my current code: <input type="text" value="Keyword" id="one" /> <input type="text" value="Search" id="two" /> <a href="#" id="btn">button</ ...

Utilizing Django to send post requests to an external API in various views

I am looking to develop a Django App that allows users to submit data via a form and then send a post request to an external API, with the response being displayed on the same page/view. For instance, I have a view defined as follows: class Home(TemplateV ...

Why does socket.io have trouble connecting when clients are using different IP addresses on separate wifi networks?

I've encountered an issue where socket.io won't connect when clients are on different wifi networks (ip address) using my self-configured Ubuntu Nginx server. Strangely enough, it works perfectly fine on a pre-configured Heroku server. Here is a ...