手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

ceil()的使用;

时间:2024-10-13 07:42:18

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

ceil()的使用;

2、在html文件上创建三个标签设置id,标签分别是输入框、按钮、div,然后给按钮添加一个向上取整的事件。如图:代码:<input type="text" id="num" /><input type="button" onclick="ceil()" value="向上取整" /><div id="show"></div>

ceil()的使用;

3、创建按钮点击事件。点击按钮时需要做两个处理:一个是获取输入框的数字并把数字进行处理为向上金泫险缋取整;另一个就是把数据伍啪怪顼显示在<div>上。如图:代码:<script>function ceil(){ var num=document.getElementById("num").value; document.getElementById("show").innerHTML= num+"向上取整后为:"+Math.ceil(num);}</script>

ceil()的使用;

4、保存html文件使用浏览器打开,在输入框输入一个浮点数然后点击向上取整按钮,就会显示出向上取整处理后的数字。如图:注意:向上取整使用的是JavaScript已封装好的Math.ceil()

ceil()的使用;

5、所有代码。可以直接把所有代码复制到新建的html文件上,保存好后运行即可看到效果。所有代码:<!DOCTYPE html><htm造婷用痃l><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>

© 手抄报圈