<!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

  <script>

      //编写一个函数，用来计算购物车中的产品数量，价格，以及总价和找零

      //定义输入变量:单价(price),数量(count),收款金额(money)

      var price,count,money;

      //定义输出变量;产品总价(total),找零(change);

      var total,change;

      //为输入变量赋值(prompt)

      //为输入变量的单价赋值(price)

      price=prompt("请输入单价");

      //为数量(count)赋值

      count=prompt("请输入数量");

      //根据单价和数量，计算产品总价(total)total=price*count;输出产品总价

      total=price*count;

      //如果商品价格大于或等于500，则打8折

      if(total>=500){

          console.log("您消费满500元，给你打8折");

          total*=0.8;

      }

      console.log("你此次消费的价格为:"+total);

      //为收款金额(money)赋值(prompt)

      money=prompt("收款金额:"+total);

      /**if(money<total){

          console.log("你的收款金额不正确"+"应收金额为"+total);

      }else{

          console.log(money);}**/

      //计算找零(change)=收款金额(money)-产品总价(total)

      change=money-total;

      //window.alert("共找您"+change+"元");

      if(money>=total){

          alert("共找您："+change+"元");

      }else{

          alert("对不起，您的罚款余额不足")

      }

      //输出找零

      /**function calCar(){

          var price=prompt("请输入产品单价");

          console.log("产品单价："+price);

          var count=prompt("请输入产品数量");

          console.log("产品数量："+count);

          var total=price*count;

          console.log("产品总价："+total);

          var money=prompt("请输入产品收款金额-"+"应付款："+(total));

          console.log("产品收款金额："+money);

          var change=money-total;

          console.log("输出找零："+change);

      }**/

  </script>

 <button onclick="calCar()">购物车支付</button>

 </body>

Javascript-购物车结算-案例的更多相关文章

  1. 原生JS实现购物车结算功能代码+zepto版

    html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

  2. python购物车小案例

    python购物车小案例# 案列描述:有一个小型水果店里面有水果(苹果:¥8/kg,香蕉:¥5/kg,芒果:¥15/kg,葡萄:¥12/kg),客户带了100元钱进店选购水果.# 1.客户输入相应序号 ...

  3. 使用jQuery制作一个简易的购物车结算流程

    因为今天下午时候在网上买了东西,在结算界面的时候突发奇想的也想自己动手做一个结算界面,当然了,只是一个最简易的结算界面,有商品数量的加减,有单价和小计,单个多个删除,全选和区县全选等等一些小功能,我在 ...

  4. jquery-防多店铺购物车结算全选，单选，及删除，价格计算

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. 微信小程序——购物车结算

    项目需要做个购物车结算功能,先分析需求: 1.全选,反选的功能.当选中的个数 = 购物车的数量时,勾选全选按钮,反之则取消选中全选按钮: 2.改变选中状态时,计算总价和总数量: 3.单个产品的数量加减 ...

  6. 微信小程序 - 实现购物车结算

    示例源码下载:小程序-实现购物车结算

  7. 【JavaScript定时器小案例】常见的几种定时器实现的案例

    [JavaScript定时器小案例]常见的几种定时器实现的案例 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 在日常开发 ...

  8. 使用session存储，购物车结算add_to_order.php（学生笔记）

    <?php session_start(); include_once("DB.class.php"); //接受并解析前端传过来的json,转换成数组. $goods_li ...

  9. JavaScript 面向对象(二) —— 案例篇

    看案例前可以先看看基础篇:JavaScript 面向对象(一) —— 基础篇 案例——面向对象的选项卡:把面向过程的程序一步步改成面向对象的形式,使其能够更加的通用(但是通用的东西,一般会比较臃肿). ...

  10. JavaScript基础--小案例：在网页指定位置弹出错误信息(十二)

    案例分析:点击按钮后,在网页上指定区域,提示错误信息!5秒后,错误信息提示自动消失! <script languag="javascript" type="text ...

随机推荐

  1. 如何使用ffmpeg

    https://blog.csdn.net/minger1202/article/details/52468986  解码 https://www.jianshu.com/p/c6cfe2edd083 ...

  2. HTML中select的option设置selected="selected"无效的解决方案

    今天遇到了一个奇葩问题,写HTML时有个select控件,通过设置option的selected="selected"居然无效,但是在其他浏览器是可以的,问了一下Google大神, ...

  3. threadPoolExecutor的基本解析

    线程池的构造方法中常见参数简介 corepoolsize:核心线程数,即便这里的线程处于空闲状态,也不会被回收,会一直存在线程池中 maxmumpoolsize:线程池所能容纳的最大线程数,超过这个数 ...

  4. Sublime_text编辑器插件安装

    Sublime_text 3下载与安装详细教程 参考: https://blog.csdn.net/weixin_40682842/article/details/78727266 http://ww ...

  5. 重读《深入理解Java虚拟机》五、虚拟机如何执行字节码？程序方法如何被执行？虚拟机执行引擎的工作机制

    Class文件二进制字符流通过类加载器和虚拟机加载到内存(方法区)完成在内存上的布局和初始化后,虚拟机字节码执行引擎就可以执行相关代码实现程序所定义的功能.虚拟机执行引擎执行的对象是方法(均特指非本地 ...

  6. EXPLAIN执行计划中要重点关注哪些要素（叶金荣）

    原文:http://mp.weixin.qq.com/s/CDKN_nPcIjzA_U5-xwAE5w 导读 EXPLAIN的结果中,有哪些关键信息值得注意呢? MySQL的EXPLAIN当然和ORA ...

  7. IE报错：[vuex] vuex requires a Promise polyfill in this browser.

    使用的是vue2.0版本 IE报错提醒: 导致原因:使用了 ES6 中用来传递异步消息的的Promise,而IE的浏览器不支持 解决办法: 1.安装babel-polyfill模块,babel-plo ...

  8. IDEA集成的 Thrift 插件进行 thrift 编译

    IDEA集成的 Thrift 插件进行 thrift 编译 注意 1.thrift文件要放在source目录,才有compile选项 2.generator list的output path不用加包名 ...

  9. mysql常用反斜杠命令

    mysql常用反斜杠命令 https://dev.mysql.com/doc/refman/5.7/en/mysql-commands.html https://dev.mysql.com/doc/r ...

  10. 微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付

    在支付前,如果使用第三方MVC框架,则使用重写模式,服务器也需要配置该项 if (!-e $request_filename){ rewrite ^/(.*)$ /index.php/$ last; ...