javascript - 如何输入改变总计的数字

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>

在诸如价格之类的属性中添加值，因此输出将类似于

<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;
  };

并且还使代码更清晰，例如将 JS 从 HTML 中分离出来，反之亦然。
现在一切都混在一起了。一些在你的 HTML 和一些在你的 JS