как использовать ввод 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); 

To:

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 скорее строку для использования с расчетами.

EDIT:

На данный момент кажется, что вы получаете значение скидки и пытается вычесть его из общего итога.

Если бы я был ты, я бы изменить это:

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

к этому

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

и добавить начертание шрифта: жирный; к вашему классу h3 в вашем CSS. Таким образом, вы можете использовать следующее:

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

Надеюсь, я понял.