1、新建一个 html文件。如图：
2、在html文件上创建三个标签设置id，标签分别是输入框、按钮、div，然后给按钮添加一个向上取整的事件。如图：
代码：
<input type="text" id="num" />
<input type="button" onclick="ceil()" value="向上取整" />
<div id="show"></div>
3、创建按钮点击事件。点击按钮时需要做两个处理：一个是获取输入框的数字并把数字进行处理为向上取整；另一个就是把数据显示在<div>上。如图：
代码：
<script>
function ceil(){
var num=document.getElementById("num").value;
document.getElementById("show").innerHTML=
num+"向上取整后为："+Math.ceil(num);
}
</script>
4、保存html文件使用浏览器打开，在输入框输入一个浮点数然后点击向上取整按钮，就会显示出向上取整处理后的数字。如图：
注意：向上取整使用的是JavaScript已封装好的Math.ceil()
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>
