①:需要输入3个数据,所以需要3个变量来存储 price num address
②:需要计算总的价格 total
③:页面打印生成表格,里面填充数据即可
④:记得最好使用模板字符串

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style>* {margin: 0;padding: 0;}table {margin: 0 auto;text-align: center;border-collapse: collapse;}table th,td {border: 1px solid #000;padding: 15px;}table caption {margin: 15px 0;}</style>
</head><body><script>// 1. 输入 price num  address 三个变量let price = +prompt('请输入商品价格:')let num = +prompt('请输入购买的数量:')let address = prompt('请输入收货的地址:')let total = price * num// 2. 渲染表格 填充数据document.write(`<table><caption><h2>订单确认</h2></caption><tr><th>商品名称</th><th>商品价格</th><th>商品数量</th><th>总价</th><th>收货地址</th></tr><tr><td>小米手机青春PLUS</td><td>${price}元</td><td>${num}</td><td>${total}元</td><td>${address}</td></tr></table>`)</script>
</body></html>

用户输入商品价格和商品数量,以及收货地址,可以自动打印订单信息 分析:相关推荐

  1. 微信小程序获取用户收货地址 完整代码

    微信小程序开发交流qq群   173683895    承接微信小程序开发.扫码加微信. 获取用户收货地址需要用户点击授权,所以有两种情况,确认授权.取消授权. 情况一,用户第一次访问用户地址授权,并 ...

  2. mmall 学习笔记--分类管理模块,商品管理模块,购物车模块,收货地址模块,支付模块,订单管理模块,云服务器线上部署,自动发布,

    ()数据库配置 常见语句 Create table 'my_table'( int id not null auto_increment ) () 建表的时候出现text,bigInt,decimal ...

  3. SpringBoot电脑商城-收货地址

    收货地址 1. 新增收获地址 1.1 数据库表创建 1.2 创建实体类 1.3 持久层 1.4 业务层 1.5 控制层 1.6 前端页面 2. 获取省市区列表 2.1 数据库表 2.2 实体类 2.3 ...

  4. jssdk 获取微信收货地址_微信收货地址共享开发接口讲解

    写在前面的话:微信开发者文档写的比较清楚,也不容易出错,可是偏偏收货地址共享那儿写的比较绕,同时也会有很多坑,这里总结一下. ======正文开始====== 微信收货地址共享开发接口基本使用场景是: ...

  5. 微信收货地址开发分享

    微信支付做了有一定时间了,现在就来做一些知识的总结,总体来说微信支付的文档不是非常的完美,其中存在一些问题.虽然坑很多,但是还是把问题解决了. 微信支付的收货地址共享功能,主要是统一的管理微信用户个人 ...

  6. 设置默认收货地址【项目 商城】

    设置默认收货地址[项目 商城] 设置默认收货地址 1. 持久层 1.1 规划SQL语句 1.2 设计抽象方法 1.3 配置SQL映射 测试 2.业务层 2.1 异常规划 2.2 抽象方法 2.3 实现 ...

  7. php 调用微信收货地址,php微信自动获取收货地址api用法实例详解

    这篇文章主要介绍了php版微信自动获取收货地址api用法,结合实例形式分析了php版微信API接口调用与使用技巧,需要的朋友可以参考下 微信公众平台现在是越来越强大了,我们可以通过各种api接口来与平 ...

  8. 商品属性对应表,商品相册表,用户表,用户收货地址表,地区表,购物车表,送货方式表,订单表,订单明细表的数据库设计

    商品的属性 通用属性: 名称 价格 图片 存放goods表 扩展属性,也叫规格参数,不同类型的商品其规格参数是不一样的,服装有尺码,颜色,材料等,手机有分辨率,内存,存储,摄像头,书籍有作者,出版社 ...

  9. 微信小程序功能:全选和反选--修改商品数量、删除商品--计算总价格和总数量--收货地址

    微信小程序–购物车页面(核心) 包含功能点: 全选和反选 计算:总价格和总数量 修改商品数量.删除商品 收货地址 结构:cart.wxml <!-- 收货地址 --> <view c ...

最新文章

  1. TCP: time wait bucket table overflow解决方法
  2. Selenium Web 自动化 - Selenium常用API
  3. nginx防止高负载的解决方案(sysgurad模块)
  4. 每日一皮:死循环的深刻理解...
  5. JavaScript判断变量数据类型
  6. Linux 自动删除N天前的文件
  7. 8.21 :odd??:nth-of-type??
  8. python格式化输入_python-格式化(%,format,f-string)输出+输入
  9. Python+request+ smtplib 测试结果html报告邮件发送(上)《五》
  10. ASP.NET运行模式
  11. Java集合框架:ArrayList扩容机制解释
  12. 如何让大数据分析更有效
  13. vue中ref在input中详解
  14. 锐捷长ping_锐捷交换机常用操作命令
  15. MATLAB线性规划相关函数用法
  16. STM32CubeMX配置DCMI+DMA之OV2640
  17. 钟表维修管理系统技术解析(七) 保修记录、条件分页查询
  18. eclipse Strut2环境搭建
  19. pyqt获得鼠标_PyQt5编程:鼠标事件
  20. leelen可视对讲怎么接线_电子门铃怎么安装 电子对讲门铃安装方法【详细介绍】...

热门文章

  1. composer php 扩展,Composer 增加自己Laravel的扩展
  2. vb.net与vb的区别
  3. java HttpURLConnection类的disconnect方法与http长连接
  4. 哈尔滨双星计算机学校教学,哈尔滨计算机职业学校哪个好双星职业学校
  5. 手机什么叫暂时服务器,手机服务器是什么
  6. 各类证件类型的格式校验
  7. html毕业报告书参考文献,《毕业设计报告书规范格式.doc
  8. 数据库云管平台将成为企业数字化转型的重要工具
  9. Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.1.0:resources (default-reso
  10. Procrustes Analysis普氏分析法