html如何对数取整

时间:2024-10-11 22:39:45

1、新建一个html5文件,并填写基础的html5代码!

html如何对数取整

2、新增两个input标签,让用户输入数字后进行取整!

html如何对数取整

3、引入一个script标签,标签里面编写javescript代码获取两个input标签元素.

html如何对数取整

4、当点击整按钮的时候,调用其"onclick"单击方法,然后通过"Math.floor"对我们输入的数字进行向下取整!具体代码如下图.

html如何对数取整

5、打开浏览器,将编写好页面拖入浏览器,我肯输入“12.56”后点击取整按钮,可以发现最后输出框里面的数字变成“12”.

html如何对数取整
html如何对数取整

6、取整除了向下取整,还有向上取整,四舍五入取整,相应代码小编都编辑到下图所示文本中,将向上取整和向下取整注释掉,我们再看下四舍五入取整的效果。

html如何对数取整

7、浏览器输入“13.6”,因为我们调用的是四舍五入取整,所以最后文本中输出的是“14”。

html如何对数取整
html如何对数取整

8、以上就是html如何对数取整,如果你有兴趣,可以动手试试!

© 手抄报圈