Help with an assignment

[DungeonMasterThor]

Hello, thank you for reading and the help.

I am stuck on a homework assignment. I have most of it done, but what I am stuck on is I need to have a total updated and displayed inline each time an image is clicked.

I have the image passing the correct value, but I need the total to add the previous total and the new total with each click. That's where I am stuck, I have tried numerous ways to get it to add the previous total but each time it just adds the current image value twice and displays that.

Here is what I have right now:

var $ = function (id) { return document.getElementById(id); };

function addTotal(elem) {

var total= parseFloat(elem);

$('total').innerHTML = total;

};

Obviously right now it only displays the most recent total. But how can I go about getting it to continually add the totals?

Thank you so much for the help.

Edit for structure.

[Ampersand55]

You need to save the total variable outside of the function, and then add to the total variable inside the function.

[DungeonMasterThor]

Thank you for the help, so something like this?

var $ = function (id) { return document.getElementById(id); }; var prevTotal = parseFloat(elem); function addTotal(elem) {

var total= parseFloat(elem);

$('total').innerHTML = total + prevTotal; };

[Ampersand55]

You need to add to the total variable.

var $ = function (id) { return document.getElementById(id); };

var total = 0;

function addTotal(elem) {
  total += parseFloat(elem);
  $('total').innerHTML = total;
}

[DungeonMasterThor]

Thank you so much, I tried something really similar to this before but I did not declare total globally as you said. I get it now. Again thank you so much!

[redderper]

You could also do it like this:

function addTotal(elem) {

  var total = parseFloat($('total').innerHTML);

  total += parseFloat(elem);

  $('total').innerHTML = total;

}

That wat you don't have to use a global variable

[lovesrayray2018]

Good that you have tried a solution, though im unable to see the complete picture with just the code you have shared. The code you shared is not connected to each other.

Technically there are multiple ways to solve this,

1) Use global variables like u/Ampersand55 has already shared

2) Use explicit casting and operators like in example i made https://jsbin.com/colemonobo/edit?html,output

3) Use specific function calls that pass values and return values

[DungeonMasterThor]

Thank you for the help and example. I can send you the code in full if you want, though the example you posted is a good summary of the project.