Trying to add promo code functionality to discount number

Question

Try adding a calculator function for a promo code.

JS code: http://apollo.us/promo/js/webEstimator.js

When you write promo code - test or test1 - final TOTAL price change.

The final total price is displayed on the : var $total = $(".W_E-total"); // show total price

Promocode function:

var $finalprice = $('.W_E-total').val();
var promocode;

$('#update').click(function() {
  promocode = $('#promocode').val();
  total = $('.W_E-total').val();

  finalprice = total;
  if ((promocode == 'test') || (promocode == 'test1')) {
   finalprice = +finalprice * 0.9;
  } else if (promocode.length < 1) {
   finalprice = +finalprice * 1;
  } else {
   alert("Invalid Promo Code");
   finalprice = 0;
  }
  $('.W_E-total').val(finalprice);
});

You pressing the button "Update TOTAL Price" - TOTAL be changed.

What needs to change in the code?

Thank you! Happy Holidays!

What exactly do you want? I don't see any errors in your code. — Mangesh Parte, Dec 22 '14 at 11:01
No wrong, but I think function changes is not placed properly and does not work. Must by pressing "Update TOTAL Price", the total price to be changed. — DelMar, Dec 22 '14 at 11:06
JS code: http://apollo.us/promo/js/webEstimator.js /* PROMO CODE */ — DelMar, Dec 22 '14 at 11:11
This is flawed, if you keep pressing the update button the price will become cheaper and cheaper — Mouser, Dec 22 '14 at 11:22
@Delmar '.W_E-total' is used multiple times. Give the final price input a unique id and refer to the id. — Mouser, Dec 22 '14 at 11:55
@Mouser put it #W_E-total is ID. Demo: http://apollo.us/promo/js/webEstimator.js Calculator: http://apollo.us/promo/ Do you have any idea where is the problem? — DelMar, Dec 22 '14 at 11:59
@Mouser - Changed doctype, but the problem is not him. Do you have any idea how to make JavaScript to work? — DelMar, Dec 22 '14 at 13:25

score 0 · Accepted Answer · answered Dec 22 '14 at 12:39

This should do it:

var $total = $("#W_E-total"); // show total price

/* PROMO CODE */
var max_price = parseInt($('#W_E-total').val()),
    finalprice = max_price;
var promocode;

$('#update').click(function () {
    promocode = $('#promocode').val();

    if ((promocode == 'test') || (promocode == 'test1')) {
        finalprice = max_price * 0.9;
    } else if (promocode.length < 1) {
        finalprice = max_price;
    } else {
        alert("Invalid Promo Code");
        finalprice = 0;  //Shouldn't this be maxprice too?
    }
    $total.val(finalprice);
});

Not working :( I put your code. Demo: http://apollo.us/promo/js/webEstimator.js Site: http://apollo.us/promo/ — DelMar, Dec 22 '14 at 12:51

Trying to add promo code functionality to discount number

1 Answers1