<!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. RabbitMQ的Q&A

    默认的IP端口 amqp默认绑定IP(本机所有IP),端口:5672 clustering默认绑定IP(本机所有IP),端口:25672 RabbitMQ Management插件 (本机所有IP), ...

  2. 出于性能考虑，C语言自动地以传地址的方式将数组传递给被调函数 const 编译错误 最小权限原则

    #include <stdio.h> int main(void) { char array[5]; printf("array=%p,&array[0]=%p,& ...

  3. [性能优化] perf 高级用法：完整记录程序性能指标，并按照时间段对程序进行有针对性的性能分析

    如题: 假设你已经熟悉了基本用法,知道perf是干嘛的,以及会用 perf top [性能优化] perf 背景:目标程序在运行的某时间段内会出现性能下降,需要了解这个时间内,程序发生了什么. 方法: ...

  4. 洛谷P1955 程序自动分析 [NOI2015] 并查集

    正解:并查集+离散化 解题报告: 传送门! 其实题目还挺水的,,,但我太傻逼了直接想挂了,,,所以感觉还是有个小坑点所以还是写个题解记录下我的傻逼QAQ 首先这题一看,就长得很像NOIp关押罪犯?然后 ...

  5. POJ1845 sumdiv 数论

    正解:小学数学数论 解题报告: 传送门! 其实不难但我数学这个方面太菜了所以还是多写点儿博客趴QAQ 然后因为是英文的所以先翻译一下,,,? 大概就是说求AB的所有约数之和,对9901取膜 这个只需要 ...

  6. 10.2-uC/OS-III内部任务管理（任务状态）

    1.任务状态 从用户的观点来看,任务可以是有 5种状态,见图 5-6.展示了任务状态间的转换关系. {休眠状态,就绪状态,运行状态,挂起状态,中断状态} (1).处于休眠状态的任务驻留于内存但未被uC ...

  7. LeetCode-111.Mininum Depth of Binary Tree

    Given a binary tree, find its minimum depth. The minimum depth is the number of nodes along the shor ...

  8. linux 修改centos7的网卡ens33修改为eth0

    Linux 操作系统的网卡设备的传统命名方式是 eth0.eth1.eth2等,而 CentOS7 提供了不同的命名规则,默认是基于固件.拓扑.位置信息来分配.这样做的优点是命名全自动的.可预知的,缺 ...

  9. 报错解决——pytesseract.pytesseract.TesseractError: (1,’Error opening data file /usr/local/share/tessdata/eng.traineddata’)

    解决方法:(原文地址http://stackoverflow.com/questions/14800730/tesseract-running-error) $ wget https://tesser ...

  10. ie6-ie8支持CSS3选择器的解决办法

    引入nwmatcher.js和selectivizr.js <!--[if lt IE 10]> <script src="html5shiv.js">&l ...