zoukankan      html  css  js  c++  java
  • Javascript-购物车结算-案例

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <body>
     8  <script>
     9      //编写一个函数,用来计算购物车中的产品数量,价格,以及总价和找零
    10      //定义输入变量:单价(price),数量(count),收款金额(money)
    11      var price,count,money;
    12      //定义输出变量;产品总价(total),找零(change);
    13      var total,change;
    14      //为输入变量赋值(prompt)
    15      //为输入变量的单价赋值(price)
    16      price=prompt("请输入单价");
    17      //为数量(count)赋值
    18      count=prompt("请输入数量");
    19      //根据单价和数量,计算产品总价(total)total=price*count;输出产品总价
    20      total=price*count;
    21      //如果商品价格大于或等于500,则打8折
    22      if(total>=500){
    23          console.log("您消费满500元,给你打8折");
    24          total*=0.8;
    25      }
    26      console.log("你此次消费的价格为:"+total);
    27      //为收款金额(money)赋值(prompt)
    28      money=prompt("收款金额:"+total);
    29      /**if(money<total){
    30          console.log("你的收款金额不正确"+"应收金额为"+total);
    31      }else{
    32          console.log(money);}**/
    33      //计算找零(change)=收款金额(money)-产品总价(total)
    34      change=money-total;
    35      //window.alert("共找您"+change+"元");
    36      if(money>=total){
    37          alert("共找您:"+change+"元");
    38      }else{
    39          alert("对不起,您的罚款余额不足")
    40      }
    41      //输出找零
    42 
    43 
    44 
    45      /**function calCar(){
    46          var price=prompt("请输入产品单价");
    47          console.log("产品单价:"+price);
    48          var count=prompt("请输入产品数量");
    49          console.log("产品数量:"+count);
    50          var total=price*count;
    51          console.log("产品总价:"+total);
    52          var money=prompt("请输入产品收款金额-"+"应付款:"+(total));
    53          console.log("产品收款金额:"+money);
    54          var change=money-total;
    55          console.log("输出找零:"+change);
    56      }**/
    57  </script>
    58 <button onclick="calCar()">购物车支付</button>
    59 </body>
  • 相关阅读:
    mysql数据库引擎myisam与innodb
    Java观察者模式的理解
    线程安全的单例模式
    线程相关
    java 线程读写锁
    原子变量AtomicInteger
    接口文档管理,版本管理工具,阿里RAP的windows下部署
    谷歌浏览器报错:跨域问题处理( Access-Control-Allow-Origin)_ 用于本地测试的快捷解决方法
    mysql bin-log日志记录
    阿里RDS中插入emoji 表情插入失败的解决方案
  • 原文地址:https://www.cnblogs.com/longly/p/6126201.html
Copyright © 2011-2022 走看看