jQuery优惠券使用限制

Question

我在jQuery中有用于添加不同优惠券代码的代码，但我想为折扣代码使用量添加限制。

例如，用户可以使用offer10代码5次，offer20 10次和offer30 3次。

jQuery('#addPromo').click(function(e) {
  var getPromo = jQuery('#promoTxt').val();
  if (getPromo == "Offer10") {
    jQuery("#promo").val("Price $100");
  } else if (getPromo == "Offer20") {
    jQuery("#promo").val("Price $200");
  } else if (getPromo == "Offer30") {
    jQuery("#promo").val("Price $300");
  } else {
    jQuery("#promo").val("Price $400");
  }
});

<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.4.min.js'></script>
<label> 
  Add your promo here 
  <input id="promoTxt" type="text" name="promo"> 
</label>
<div id="addPromo" class="btn btn-primary">Add Promo</div>
<label>
  Discounted Price<br>
  <san class="wpcf7-form-control-wrap promo">
    <input type="text" name="promo" value="" size="40" class="wpcf7-form-control wpcf7-text" id="promo" aria-invalid="false">
  </span>
</label>