Как реализовать оператор if в форме заказа

Question

Я создаю простую форму заказа с некоторыми расчетами с номерами и скрытыми полями (для электронной почты и автоответчика).

Когда поле ввода пользователя не равно '0', я хочу, чтобы оно рассчитало стоимость доставки в общей цене. В приведенном ниже сценарии стоимость доставки всегда возвращает «0», даже если поле пользователя не равно «0».

Если я изменяю значение на определенное значение, оно всегда возвращает это значение, даже если поле пользователя равно '0'. Так что если что-то не так.

/* Get the values from the user*/
function getAantal() {
    var AantalBoek = document.getElementById('AantalBoek').value;
    var AantalCD = document.getElementById('AantalCD').value;
    var AantalSoundtrack = document.getElementById('AantalSoundtrack').value;

    /* Product variables*/
    var PrijsBoek = document.getElementById('PrijsBoek').value;
    var PrijsCD = document.getElementById('PrijsCD').value;
    var PrijsSoundtrack = document.getElementById('PrijsSoundtrack').value;

    /* Delivery variables, Soundtrack does not have delivery*/
    /* in my logic the IF says: if user fills in 0 for AantalBoek, 
    then VerzendingBoek is 0 instead of 7. But it always returns 0, even if AantalBoek is 1*/
    var VerzendingBoek = document.getElementById('VerzendingBoek').value;
    if (AantalBoek !== null && AantalBoek !== '') {
        VerzendingBoek = 0;
    }

    var VerzendingCD = document.getElementById('VerzendingCD').value;
    if (AantalCD !== null && AantalCD !== '') {
        VerzendingCD = 0;
    }

    /* Calculation of the Product total*/
    var SubTotaalBoek = PrijsBoek * AantalBoek;
    var SubTotaalCD = PrijsCD * AantalCD;
    var SubTotaalSoundtrack = PrijsSoundtrack * AantalSoundtrack;

    /* Calculation of the Delivery total*/
    var TotaalVerzending = +VerzendingBoek + +VerzendingCD;

    /* Calculation of the Final total*/
    var Totaal = +SubTotaalBoek + +SubTotaalCD + +SubTotaalSoundtrack + +TotaalVerzending;

    document.getElementById('Verzending').value = TotaalVerzending;
    document.getElementById('TotaalPrijs').value = Totaal;
}

<!-- user defines values here: -->
<input type="number" id="AantalBoek" required="" onchange="getAantal()">
<input type="number" id="AantalCD" required="" onchange="getAantal()">
<input type="number" id="AantalSoundtrack" required="" onchange="getAantal()">

<!--  set values for the products: -->
<input type="hidden" id="PrijsBoek" name="PrijsBoek" value="15">
<input type="hidden" id="PrijsCD" name="PrijsCD" value="4">
<input type="hidden" id="PrijsSoundtrack" name="PrijsSoundtrack" value="2">

<!-- set values for the delivery cost: -->
<input type="hidden" id="VerzendingBoek" name="VerzendingBoek" value="7">
<input type="hidden" id="VerzendingCD" name="VerzendingCD" value="2">

<!-- totals are shown here (only for autorespond) -->
<input type="hidden" id="Verzending" name="Verzending">
<input type="hidden" id="TotaalPrijs" name="TotaalPrijs">

Answer 1

Хорошо, я начал все заново, снова посмотрев на оператор if, и обнаружил синтаксическую ошибку, изменил условие и добавил оператор else.

Исправленный скрипт:

function getAantal(){
var AantalBoek = document.getElementById('AantalBoek').value;
var AantalCD = document.getElementById('AantalCD').value;
var AantalSoundtrack = document.getElementById('AantalSoundtrack').value;

var PrijsBoek = document.getElementById('PrijsBoek').value;
var PrijsCD = document.getElementById('PrijsCD').value;
var PrijsSoundtrack = document.getElementById('PrijsSoundtrack').value;

var VerzendingBoek = document.getElementById('VerzendingBoek').value; 
/* Here I changed the condition: IF the user value is 0 then the delivery cost is 0, 
ELSE use the value that was already defined:*/
if(AantalBoek == 0) { VerzendingBoek = 0;
} else {VerzendingBoek = document.getElementById('VerzendingBoek').value;
}
var VerzendingCD = document.getElementById('VerzendingCD').value;
if(AantalCD == 0) { VerzendingCD = 0;
} else {VerzendingCD = document.getElementById('VerzendingCD').value;
}
/*for the second condition i corrected the syntax error !== to !=, 
IF delivery cost for Boek is not 0, then delivery cost for CD is 0*/
if (VerzendingBoek != 0) { VerzendingCD = 0;
}

var SubTotaalBoek = PrijsBoek * AantalBoek;
var SubTotaalCD = PrijsCD * AantalCD;
var SubTotaalSoundtrack = PrijsSoundtrack * AantalSoundtrack;

var TotaalVerzending = +VerzendingBoek + +VerzendingCD;

var Totaal = +SubTotaalBoek + +SubTotaalCD + +SubTotaalSoundtrack + +TotaalVerzending;

document.getElementById('Verzending').value=TotaalVerzending;
document.getElementById('TotaalPrijs').value=Totaal;
}