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如何对数取整,如果你有兴趣,可以动手试试!

  • 如何用css将ul转换为一个漂亮的水平导航栏?
  • div+css编写html页面,层之间的无缝连接如何实现
  • 怎么用JS动态更改DIV层的背景色
  • 怎样用背景图制作导航栏中的竖线?
  • js中如何修改html属性 css属性
  • 热门搜索
    红十字手抄报 国庆手抄报简单又漂亮 三年级手抄报大全 科技手抄报图片 爱劳动手抄报 感恩母亲节手抄报 法律知识手抄报 新冠状病毒手抄报 国学手抄报 迎国庆手抄报图片