如何使用html输入减去总值

Question

请检查>>> codepen <<<<

我不能让discountvalue输入字段从grandtotal减去。

<input  id="discountvalue" type="number"> 

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

discount12不从总计中减去。 请检查>>> codepen <<<<

document.getElementById('grandtotal').innerHTML = ": $" + (salesTotal * 0.13 + salesTotal - discount12).toFixed(2);

Answer 1

不使用选择元素,在分配：更改为：

var input = document.getElementById('discountvalue'), discount12 = parseInt(input.value);

至：

var input = document.getElementById('discountvalue');
discount12 = input.value;

还有两个语句，第4行，第83行。

简化：

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

Answer 2

var value = parseFloat(input.value);

这将为您提供一个int而不是用于计算的字符串。

编辑：

目前，您似乎正在获得折扣的价值，并试图从总计中减去它。

如果我是你，我会改变这一点：

<h3 id="grandtotal"><strong>Grand Total</strong></h3>

对此

<h3 id="grandtotal">Grand Total</strong></h3>

并添加font-weight：bold; 到CSS中的h3类。 这样，您可以使用以下内容：

var input = document.getElementById('discountvalue');
var grandTotal = document.getElementById('grandtotal');
var newTotal = grandTotal.value - input.value;

我希望我能理解。