如何输入更改Total的数字

Question

输入字段未注册 （折扣应该从总计减去）

检查CodePen

的Javascript

function recordToFilename() {
  var input = document.getElementById('discountvalue'),
  discount12 = input.value;
}

我希望它的行为如下图所示。 （折扣是手动输入的） http://i.stack.imgur.com/yV8QT.jpg

Answer 1

您无法获得折扣价值，因为它还包含文字。

JS = document.getElementById('discountsample').innerHTML = " Discount Sample: $" + (-10).toFixed(2);
HTML Output = <h4 id="discountsample"> Discount Sample: $-10.00</h4>

在像price这样的属性中添加值，这样输出就像

<h4 id="discountsample" price="10.00"> Discount Sample: $-10.00</h4>

您可以从价格中读取价值。
在你的上一个JS中你可以用它来设置它，这样你就可以得到它并减去它。

  function recordToFilename() 
  {
      var input = document.getElementById('discountvalue'),

      //Something like this. This requires jQuery
      document.getElementById('discountsample').attr("price", input.value);

      //I don't know how it is in normal JS. I think its like this but you have to test it
      document.getElementById('discountsample').attributes['id'] = input.value;
  };

并且使代码更清晰，就像从HTML中分离JS一样，反之亦然。
现在它只是混乱了。一些在HTML中，一些在JS中