Utilizing a variable that is dynamically calculated within a function and applying it on itself using the

Question

Utilizing a variable that is dynamically calculated within a function and applying it on itself using the

In my Java code, I have a method that calculates the current price, which is then utilized in my JavaScript code provided below.

function updatePrice(id, currentPrice){

var newPrice = 0;
var cPrice = currentPrice;
cPrice = cPrice * 100;
if(rate == 1){
    newPrice = cPrice - 1;
}
if(rate == 2){

    newPrice = cPrice - 2;
}
if(rate == 3){

    newPrice = cPrice - 3;
}
document.getElementById(id).innerHTML = newPrice/100;;
return newPrice / 100;
}



var nPrice = updatePrice('reverse', currentPrice); //The new calculated price, currentPrice is the price first injected into the script 
var timeinterval = setInterval(function() { nPrice = updatePrice('reverse', nPrice); }, 60000); //the nPrice as currentPrice

I aim to leverage the newPrice calculated in updatePrice on itself when executing setInterval, ensuring that every minute the newPrice decreases by 1, 2, or 3 pence accordingly;

There might be a simple solution that has escaped my notice until now.

If this explanation isn't clear, feel free to request more information.

javascript

Answer 1

Answer №1

The main issue you are facing is that you have not assigned the return value of updatePrice('reverse', nPrice) to nPrice. Consequently, each iteration will use the same value for nPrice, resulting in the same outcome.

To address this and achieve a decrementing effect, you can update the code as follows:

var nPrice = updatePrice('reverse', currentPrice);
var timeinterval = setInterval(function() { nPrice = updatePrice('reverse', nPrice); }, 60000);

However, there are additional optimizations you can implement in your solution.

function updatePrice(id, currentPrice, rate){
    var newPrice = 0;
    var cPrice = Number(currentPrice) * 100;
    newPrice = ((cPrice - rate) / 100).toFixed(2);
    document.getElementById(id).innerText = newPrice;
    timeout = setTimeout(function () {
        updatePrice(id, newPrice, rate);
    }, 1000);
}

var rate = 1;
var currentPrice = 10;
var timeout = null;
// The newly calculated price, with 'currentPrice' being initially injected from jsp
updatePrice('reverse', currentPrice, rate);

<div id="reverse"></div>

Considering that your desired reduction amount corresponds to the rate, conditional statements to handle different rate values are unnecessary. Simply subtract rate directly from cPrice.

Furthermore, using a recursive setTimeout instead of setInterval eliminates the need to manage global variables or constantly update them.

Answer 2

The main issue you are facing is that you have not assigned the return value of updatePrice('reverse', nPrice) to nPrice. Consequently, each iteration will use the same value for nPrice, resulting in the same outcome.

To address this and achieve a decrementing effect, you can update the code as follows:

var nPrice = updatePrice('reverse', currentPrice);
var timeinterval = setInterval(function() { nPrice = updatePrice('reverse', nPrice); }, 60000);

However, there are additional optimizations you can implement in your solution.

function updatePrice(id, currentPrice, rate){
    var newPrice = 0;
    var cPrice = Number(currentPrice) * 100;
    newPrice = ((cPrice - rate) / 100).toFixed(2);
    document.getElementById(id).innerText = newPrice;
    timeout = setTimeout(function () {
        updatePrice(id, newPrice, rate);
    }, 1000);
}

var rate = 1;
var currentPrice = 10;
var timeout = null;
// The newly calculated price, with 'currentPrice' being initially injected from jsp
updatePrice('reverse', currentPrice, rate);

<div id="reverse"></div>

Considering that your desired reduction amount corresponds to the rate, conditional statements to handle different rate values are unnecessary. Simply subtract rate directly from cPrice.

Furthermore, using a recursive setTimeout instead of setInterval eliminates the need to manage global variables or constantly update them.

Utilizing a variable that is dynamically calculated within a function and applying it on itself using the

Answer №1

Similar questions

Stopping the page from refreshing on an ajax call in asp.net: a guide

Error: The "require" function is not recognized in this context. (Unknown function) @ ng2-translate.ts:2

How can I verify if an unsupported parameter has been passed in a GET request using Express/Node.js?

Gather all information for populating the dropdown menu

React app experiencing issues with onClick button methods not functioning as expected

Unable to properly align divs vertically

What is the best way to add both the id and the full object to an array list at the

Saving HTML code entered in a textarea field does not work with the database

Insert Angular HTML tag into TypeScript

How to dynamically modify ion-list elements with Ionic on button click

JavaScript fails to accurately arrange list items

Is it possible to reverse the use of JQuery's .each() function without any additional plugins or modifications?

Acquire by Identifier - Tonic()

Using three.js lookAt() to align a local axis that is not the positive Z axis towards a different object

Vue's push() method is replacing existing data in the array

Converting an HTML page into a JSON object by scraping it

The .push method in Javascript is failing to execute

Executing multiple HTTPS requests within an Express route in a Node.js application

Plugin for creating a navigation bar with a jQuery and Outlook-inspired style

Simple code styling tool