Challenge 2: making elements on page work together
This commit is contained in:
@ -14,35 +14,51 @@ $(document).ready(function () {
|
||||
|
||||
//-- Click on QUANTITY
|
||||
$(".btn-minus").on("click", function () {
|
||||
var now = $(".section > div > input").val();
|
||||
var now = $(".quantity").val();
|
||||
if ($.isNumeric(now)) {
|
||||
if (parseInt(now) - 1 > 0) {
|
||||
now--;
|
||||
}
|
||||
$(".quantity").val(now);
|
||||
$('#price').text(now * 899);
|
||||
} else {
|
||||
$(".quantity").val("1");
|
||||
$('#price').text(899);
|
||||
}
|
||||
calculate();
|
||||
})
|
||||
$(".btn-plus").on("click", function () {
|
||||
var now = $(".section > div > input").val();
|
||||
var now = $(".quantity").val();
|
||||
if ($.isNumeric(now)) {
|
||||
$(".quantity").val(parseInt(now) + 1);
|
||||
} else {
|
||||
$(".quantity").val("1");
|
||||
}
|
||||
calculate();
|
||||
})
|
||||
$(".checkoutCode").on("blur", function () {
|
||||
var checkoutCode = $(".checkoutCode").val();
|
||||
$.get("challenge-store/coupons/" + checkoutCode, function (result, status) {
|
||||
var discount = result.discount;
|
||||
if (discount > 0) {
|
||||
var price = $('#price').val();
|
||||
$('#price').text((899 - (899 * discount / 100)).toFixed(2));
|
||||
$('#discount').text(discount);
|
||||
calculate();
|
||||
} else {
|
||||
$('#price').text(899);
|
||||
$('#discount').text(0);
|
||||
calculate();
|
||||
}
|
||||
|
||||
});
|
||||
})
|
||||
|
||||
function calculate() {
|
||||
var d = $('#discount').text();
|
||||
var price = $('#price').val();
|
||||
var quantity = parseInt($(".quantity").val());
|
||||
if (d > 0) {
|
||||
$('#price').text((quantity * (899 - (899 * d / 100))).toFixed(2));
|
||||
|
||||
} else {
|
||||
$('#price').text(quantity * 899);
|
||||
}
|
||||
}
|
||||
})
|
Reference in New Issue
Block a user