vue 输入一个数自动获取最近的整十数

最新推荐文章于 2024-10-15 09:47:53 发布

lx_1024

最新推荐文章于 2024-10-15 09:47:53 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/lx_1024/article/details/79025081

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个简单的HTML与JavaScript实现的功能，该功能可以根据用户输入的数据计算并返回最接近的整十数值。通过使用parseInt、Math.floor及Math.ceil等方法，代码能够有效处理数值，并通过循环逻辑判断来确定最接近的整十数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML：

<input type="text" v-model="num">
<p>最近的整十数{{num}}</p>

data(){
  return {num:''}
},
methods:{
          var num=parseInt(this.num);
          var n=num%100;
          var floor=Math.floor(num/100);
          var ceil=Math.ceil(num/100);
          for(var i=0;i<10;i++){
            if(10*i<=n && n<10*i+5){
              this.num=floor*100+10*i;
            }else {
              this.num=ceil*100+10*i;
            }
          }
}