js保留两位小数的方法

2025-05-23 11:28:31

1、在html里放上一个input,输入数字 ,再放上一个div,用来放js处理后的结果。

js保留两位小数的方法

2、页面下方有一个按钮,用来触发js处理逻辑的。

js保留两位小数的方法

3、添加按钮的事件函数,在函数里先获得输入框的值。

js保留两位小数的方法

4、然后使用parseFloat方法,把获得的值先转换为数字。

js保留两位小数的方法

5、然后调用toFixed方法,方法参数传入2,表示保留的是两位数。

js保留两位小数的方法

6、最后把转换后的结果放到div里。

js保留两位小数的方法

7、运行页面,在输入框里输入要转换的数字,点击下方的按钮。

js保留两位小数的方法

8、得到转换后的结果 ,从结果上看,这是有做四舍五入的。

js保留两位小数的方法

9、我们还可以输入一个没有小数的数字 ,转换为还是会保留两位小数的。

js保留两位小数的方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢