JavaScript向上取整;js向上取整

2025-10-11 02:03:01

1、新建一个 html文件。如图:

JavaScript向上取整;js向上取整

2、在html文件上创建三个标签设置id,标签分别是输入框、按钮、div,然后给按钮添加一个向上取整的事件。如图:

代码:

<input type="text"  id="num" />

<input type="button" onclick="ceil()" value="向上取整" />

<div id="show"></div>

JavaScript向上取整;js向上取整

3、创建按钮点击事件。点击按钮时需要做两个处理:一个是获取输入框的数字并把数字进行处理为向上取整;另一个就是把数据显示在<div>上。如图:

代码:

<script>

 function ceil(){

  var num=document.getElementById("num").value;

  document.getElementById("show").innerHTML=

    num+"向上取整后为:"+Math.ceil(num);

 }

</script>

JavaScript向上取整;js向上取整

4、保存html文件使用浏览器打开,在输入框输入一个浮点数然后点击向上取整按钮,就会显示出向上取整处理后的数字。如图:

注意:向上取整使用的是JavaScript已封装好的Math.ceil()

JavaScript向上取整;js向上取整

5、所有代码。可以直接把所有代码复制到新建的html文件上,保存好后运行即可看到效果。

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>ceil向上取整</title>

<script>

 function ceil(){

  var num=document.getElementById("num").value;

  document.getElementById("show").innerHTML=

    num+"向上取整后为:"+Math.ceil(num);

 }

</script>

</head>

<body>

<input type="text"  id="num" />

<input type="button" onclick="ceil()" value="向上取整" />

<div id="show"></div>

</body>

</html>

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