Modifying a value within a loop

Question

Modifying a value within a loop

var currentmix = document.getElementById('custommix').value.split(",");
        var additionalcost = 0;

        for (i = 0; i < currentmix.length; i++) {
            if (currentmix[i] != "") {
                var mixinpriceid = "mixinprice"+currentmix[i];
                additionalcost += parseFloat(document.getElementById(mixinpriceid).value));
            }
        }

This snippet seems to have a bug :(

Despite each iteration providing the correct number through

parseFloat(document.getElementById(mixinpriceid).value)

, it does not seem to impact the variable "additionalcost" beyond the loop.

Any suggestions on how to address this issue?

javascript for-loop

Answer 1

Answer №1

Can you please review this statement as there appears to be an extra parentheses included

additionalcost += parseFloat(document.getElementById(mixinpriceid).value));

Answer 2

Can you please review this statement as there appears to be an extra parentheses included

additionalcost += parseFloat(document.getElementById(mixinpriceid).value));

Answer 3

Answer №2

It appears that there is an extra parenthesis in Sathish's response. The following code has been modified to work without it.

var currentmix = "12345";
var additionalprice = 0;


for (i = 0; i < currentmix.length; i++) {
  if (currentmix[i] != "") {
    var mixinpriceid = "mixinprice" + currentmix[i];
    additionalprice += parseFloat(document.getElementById(mixinpriceid).value);

    console.log(additionalprice);
  }
}

console.log("Final Value: " + additionalprice);

<input id="mixinprice1" value="100">mixinprice1</input>
<input id="mixinprice2" value="200">mixinprice2</input>
<input id="mixinprice3" value="300">mixinprice3</input>
<input id="mixinprice4" value="400">mixinprice4</input>
<input id="mixinprice5" value="500">mixinprice5</input>

Answer 4

It appears that there is an extra parenthesis in Sathish's response. The following code has been modified to work without it.

var currentmix = "12345";
var additionalprice = 0;


for (i = 0; i < currentmix.length; i++) {
  if (currentmix[i] != "") {
    var mixinpriceid = "mixinprice" + currentmix[i];
    additionalprice += parseFloat(document.getElementById(mixinpriceid).value);

    console.log(additionalprice);
  }
}

console.log("Final Value: " + additionalprice);

<input id="mixinprice1" value="100">mixinprice1</input>
<input id="mixinprice2" value="200">mixinprice2</input>
<input id="mixinprice3" value="300">mixinprice3</input>
<input id="mixinprice4" value="400">mixinprice4</input>
<input id="mixinprice5" value="500">mixinprice5</input>

Modifying a value within a loop

Answer №1

Answer №2

Similar questions

Whenever I try to run ionic serve, an error pops up saying: "typescript: node_modules/@types/node/worker_threads.d.ts, line: 8 '=' expected."

Exploring the connections among nodes in a Force-Directed Graph using D3.js JavaScript

Creating PHP functions that return a JSON string when invoked - a simple guide

Distributing actions within stores with namespaces (Vuex/Nuxt)

Javascript - Accessing a specific element in an array using a variable

Having issues with AngularJS where ng-table/ng-repeat rows are failing to load properly

I encounter a CORS issue on Heroku, but strangely it only occurs after 20 minutes of deploying. Prior to that time frame, everything functions seamlessly

Having trouble passing multiple arrays as parameters into setTimeout to create a slideshow

Utilize a Chrome Content Script to intercept jQuery delegated event handlers and take control

Move the menu button to the right of the title slide, beyond the edge of the card

Activate the class only on the current element

The Mystery of jQuery Isotope Plugin: Why Can't I Add "display:none" Inline?

Launching a call to action through Ajax in Zend Framework triggers a redirect, but subsequent calls prove to be effective

Incorporating a Script into Your NextJS Project using Typescript

Dealing with 404 Errors in AngularJS using ui-router's resolve feature

Steps for removing an embed after a set time period

Gathering all the indicated whole numbers from a string and placing them in an array

How can I transfer checkbox data to another page utilizing ajax or javascript?

I can't seem to figure out why I continue to receive the error message stating that 'app.get is not a function'

What is the best way to locate the index of a td element that contains the text "Up" using jQuery, and then utilize that index to choose the corresponding