js写一个使用优惠券功能的demo
时间: 2023-03-25 08:02:46 浏览: 147
好的,我可以回答这个问题。以下是一个使用优惠券功能的 JavaScript Demo:
HTML 代码:
```
<div>
<label for="coupon-code">优惠码:</label>
<input type="text" id="coupon-code">
<button id="apply-coupon">应用优惠码</button>
</div>
```
JavaScript 代码:
```
const couponCodes = ['SUMMER2021', 'FALL2021', 'WINTER2021'];
const applyCouponButton = document.getElementById('apply-coupon');
applyCouponButton.addEventListener('click', function() {
const couponCodeInput = document.getElementById('coupon-code');
const couponCode = couponCodeInput.value;
if (couponCodes.includes(couponCode)) {
alert('优惠码已应用!');
} else {
alert('无效的优惠码。');
}
});
```
这个 Demo 包含一个输入框和一个按钮,用户可以输入优惠码并点击按钮来应用优惠。如果输入的优惠码在 `couponCodes` 数组中,就会弹出一个提示框,告诉用户优惠码已经应用;否则,就会弹出另一个提示框,告诉用户优惠码无效。
阅读全文