<!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. lumen之composer自动加载

    composer作为PHP的包管理工具,让PHP可以使用命名空间, 载入对应的类文件,不用理会文件引入的路劲问题,代码可读性也大大提高 composer 自动加载 composer 自动加载的规则 v ...

  2. LeetCode 852 Peak Index in a Mountain Array 解题报告

    题目要求 Let's call an array A a mountain if the following properties hold: A.length >= 3 There exist ...

  3. redis哨兵模式，数据尽量少的丢失

    min-slave-to-write 1 ->至少要有1个从节点 min-slaves-max-lag 10   ->超过10秒如果数据不能同步则拒绝新的写请求

  4. java 线程 （三）线程并发的安全性 同步代码块

    package cn.sasa.demo1; import java.util.concurrent.ExecutionException; public class ThreadDemo { pub ...

  5. [GDOI2018]滑稽子图

    题目链接:[被和谐] 题目大意:对于一棵树$(V,E)$,对于$S\subset V$,$f(S)$为点集$S$的导出子图的边数.求$\sum_{S\subset V}f(S)^k$ 这里的导出子图说 ...

  6. ef 数据库创建失败

    在ef之前创建了一个数据库,然后删除后,再用ef创建,失败! USE [master] GO /****** Object: Database [DBname] ******/ ALTER DATAB ...

  7. $(this) 和 this 关键字在 jquery 中有何不同？

    $(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用 val() 获取值等等. 而 this 代表当前元素,它是 javascrip ...

  8. 31-ADC模拟/数字转换

    31-ADC模拟/数字转换 (1).ADC的IO分配

  9. WebSocket 学习教程（一）：理论

    一.WebSocket简单介绍 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了.近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通 ...

  10. laravel用crud之index列出产品items

    前面我们说了laravel用crud修改产品items-新建resource controller和routing,现在我们要把产品items罗列出来,需要修改路由和模板,一起随ytakh来看看把 1 ...