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