如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
js怎么设置四舍五入保留两位小数点
来源：互联网
2023-03-16 19:16:14 282
网站开发经常会有这么一个需求：将计算结果四舍五入保留两位小数点！接下来您将和小编一起学习如何完成这一需求（注：例子只是为了方便演示！可以根据自己的需求来修改）
工具/原料
- 电脑
- web开发编辑器
方法/步骤
打开我们的网页开发编辑器新建一个HTML网页文件
编写HTML demo(例子)代码：
div id="demo">
产品单价：em>1.86/em>/
购买数量：input type="number" id="text" />/
input type="button" id="btn" value="提交"/>/
输出的值是：em id="result">/em>/
/div>
编写JS代码：1.给提交按钮绑定点击事件
代码：document.getElementById("btn").onclick=function(){}
编写JS代码：2.获取产品单价并转化成数字类型
代码：var price = Number(document.getElementById("price").innerText);
编写JS代码：3.获取购买数量输入框的值并转化成数字类型
代码：var num = Number(document.getElementById("text").value);
编写JS代码：4.计算总价
代码：var result = price * num;
编写JS代码：5.四舍五入保留两位小数,然后将结果显示到ID#result标签上
document.getElementById("result").innerHTML=result.toFixed(2);
用浏览器打开我们编写的页面测试结果：
完整代码：
body>
div id="demo">
产品单价：em id="price">1.86/em>/
购买数量：input type="number" id="text" />/
input type="button" id="btn" value="提交"/>/
输出的值是：em id="result">/em>/
/div>
/body>
script type="text/javascript">
// 为提交按钮添加点击事件
document.getElementById("btn").onclick=function(){
// 获取产品单价并转化成数字类型
var price = Number(document.getElementById("price").innerText);
// 获取购买数量输入框的值并转化成数字类型
var num = Number(document.getElementById("text").value);
// 计算总价
var result = price * num;
//四舍五入保留两位小数,然后将结果显示到ID#result标签上
document.getElementById("result").innerHTML=result.toFixed(2);
}
/script>
注意事项
- 开发工具根据自己的喜欢，没有限制！
- 实例只是为了演示！实际开发需要根据自己的需求进行修改
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)