html打折代码,HTML打折计算价格实现原理与脚本代码

这篇博客介绍了HTML中实现商品打折计算的JavaScript代码,包括获取用户输入的价格、数量和选择的折扣方式,根据不同的支付方式计算最终价格。文章还提供了一个简单的交互示例,用户可以选择网银支付(5折)、支付宝支付(8折)或Q币支付(6折),并显示预计总价。同时,代码中包含了错误检查以确保输入有效。
摘要由CSDN通过智能技术生成

原标题:HTML打折计算价格实现原理与脚本代码

打折后价格计算

function calculator(){

var prices=document.getElementById("price");

var discounts=document.getElementById("number");

var pay;

var select=document.getElementById("payfunction");

if((prices.value>=0&&!isNaN(prices.value))&&(discounts.value>=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="")

{

pay=prices.value*discounts.value;

switch(parseInt(select.value)){

case 1:pay=pay*0.5; break;

case 2:pay=pay*0.8; break;

case 3:pay=pay*0.6; break;

}

document.getElementById("result").value=pay;

alert("恭喜你,交易成功!");

}else

{

prices.focus();

prices.select();

alert("请输入正确的价格和数量(也不能为空)!");

}

}

竞拍价格:

购买数量:

支付方式:

网银支付-打5折

支付宝支付-打8折

Q币支付-打6折

预计总价:

本文由建站免费素材圈sucaiq.com分享!!!

如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对素材圈的支持!若你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!返回搜狐,查看更多

责任编辑:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值