<!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. vue中导入外面文件（css，js)方式

    有时我们需要导入外面的css文件(例如reset.css文件,bootstrap.css,jQuery.js文件),通常可通过import "name.css"的形式 对于rese ...

  2. linux文件系统扩展属性

    翻译自man手册,水平有限,有错还望不吝指出.... 扩展属性是与文件和目录相关的name:value对,用来提供文件系统的一些附加功能,例如ACL.对文件或是目录拥有读权限的用户可以看到其扩展属性. ...

  3. page 页 分页 分段

    小结: 1. 页:磁盘和内存间传输数据的最小单位: MySQL: What is a page? https://stackoverflow.com/questions/4401910/mysql-w ...

  4. [filesystem][archlinux][disk encryption][btrfs] btrfs

    fork from here http://www.cnblogs.com/hugetong/p/6914248.html boot分区,MBR加密:https://wiki.archlinux.or ...

  5. delphi 把数据库图片的存取

    procedure TForm1.Button1Click(Sender: TObject); // 插入图片过程 var Stream:TMemoryStream;begin try Stream ...

  6. zabbix agentd安装

    一.Linux客户端1.创建zabbix用户 groupadd zabbix useradd -g zabbix -M -s /sbin/nologin zabbix 2.解压agent包 zabbi ...

  7. SectionList的使用

    这个是效果: 第一步:准备数据源:Car.json {"data": [ { "cars": [ { "icon": "m_180 ...

  8. 20190122 Oracle if-- elsif -- else -- if end

    DECLARE V_SYSTIME VARCHAR2(8); PROCEDURE KB_RUNNING(I_DATE DATE) IS BEGIN V_SYSTIME :=TO_CHAR(I_DATE ...

  9. 报错解决——OSError: libdarknet.so: cannot open shared object file: No such file or directory

    在python目录下打开终端,输入 python darknet.py 结果报错 Traceback (most recent call last): File “darknet.py”, line ...

  10. 004-linux命令-搜索命令find、locate、whereis、which、type

    一.概述 使用linux系统难免会忘记文件所在的位置,可以使用以下命令对系统中的文件进行搜索. 1.1.find 语法:find <指定目录> <指定条件> <指定动作& ...