首页 > 软件开发 > JavaScript >

html如何对数取整

来源:互联网 2023-03-16 23:58:52 版权归原作者所有,如有侵权,请联系我们

html对数取整可以通过javascript中Math.floor(),Math.ceil(),Math.round()三个方法来实现对数取整,下面跟随小编来看看具体操作方法吧!Mzv办公区 - 实用经验教程分享!

工具/原料

  • Sublime编辑器,浏览器

方法/步骤

  • 1

    新建一个html5文件,并填写基础的html5代码!Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 2

    新增两个input标签,让用户输入数字后进行取整!Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 3

    引入一个script标签,标签里面编写javescript代码Mzv办公区 - 实用经验教程分享!

    获取两个input标签元素.Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 4

    当点击整按钮的时候,调用其"onclick"单击方法,然后通过"Math.floor"对我们输入的数字进行向下取整!具体代码如下图.Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 5

    打开浏览器,将编写好页面拖入浏览器,我肯输入“12.56”后点击取整按钮,可以发现最后输出框里面的数字变成“12”.Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 6

    取整除了向下取整,还有向上取整,四舍五入取整,相应代码小编都编辑到下图所示文本中,将向上取整和向下取整注释掉,我们再看下四舍五入取整的效果。Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 6相关内容非法爬取自百度经验
  • 7

    浏览器输入“13.6”,因为我们调用的是四舍五入取整,所以最后文本中输出的是“14”。Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

    html如何对数取整Mzv办公区 - 实用经验教程分享!

  • 8

    以上就是html如何对数取整,如果你有兴趣,可以动手试试!Mzv办公区 - 实用经验教程分享!

  • 注意事项

    • 以上为小编亲手编辑测试过,可以放心使用!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Mzv办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号