js四舍五入取整
1、新建一个html文件。如图:

3、创建自动加载事件,当点击按钮后可以执行按钮的方法。如图:代码:<script> window.onload=function(){} } </script>

5、创建按钮点击事件。点击按钮后获取输入框的数字,把输入框的数字进行四舍五入后在div上显示出来。四舍五入需要使用到JavaScript已封装好的Math.round(),如图:代码:btnId.onclick=function(){ var num=numId.value; showId.innerHTML="四舍五入后值为:"+Math.round(num); }


7、所有代码。可以直接把所有代码复制到新建的html文件上,直接运行即可看到效果。所有代码:<!DOCTYPE html><html&爿讥旌护gt; <head> <meta charset="UTF-8"> <title>round四舍五入</title> <script> window.onload=function(){ var numId=document.getElementById("num"); var btnId=document.getElementById("btn"); var showId= document.getElementById("show"); btnId.onclick=function(){ var num=numId.value; showId.innerHTML="四舍五入后值为:"+Math.round(num); } } </script> </head> <body> <input type="text" id="num" /> <input type="button" id="btn" value="四舍五入按钮" /> <div id="show"></div> </body></html>