Dynamically Update A Closure

by vincej

HTML

<select id="select">
  <option value="">Select</option>
  <option value="100.00">Volvo</option>
  <option value="200.00">Saab</option>
  <option value="300.00">Mercedes</option>
  <option value="400.00">Audi</option>
</select>

<p>total:</p>
<p id="total"> </p>

JavaScript

var addTo = function(passed) {

  var add = function(inner) {
    return parseInt(passed) + parseInt(inner);
  }

  return add
};

var inner = 0; // Need to Dynamically be able to Update this value so that it increments with each new car selected

var addProd = new addTo(inner);

$("#select").change(function() {
  var car = $("#select").val();

  $("#total").append(addProd(car));
});