input标签生成随机数

----------------------------------input标签生成随机数---------------------

 

我们之前学过二维码的制作方法，其实看似很简单，但是到现在的我都不一定可以清楚地写出来；只是迷迷糊糊的运用；在做项目里，总是会发现新东西；有些是以前学的；需要反复使用练习；有些是需要根据以前学的东西来变化使用；而也会有没有学过的知识，这个时候就需要去网上找了；而我这次遇到一个问题就是，input处于只读状态；但我们点击打开该页面的时候，input标签会自动填写，而我现在需要的是填写一串编码；如图

我们可以看到；input标签现在处于只读状态，不能手动输入；那么我们除了用二维码那种方式去填写还有什么办法呐，其实还真有。没有二维码那么复杂，就几句代码，下面来分享一些用法；

我们这里首先呐，需要给这个input标签加个id；设置好样式后；

这里就是设置这里的核心代码了；

我们首先创建一个空的变量；Num；然后通过for循环来反复添加数据；

这里(var i = 0; i < 14; i++)  i小于14的话i，位数自加1；知道加到14位数字；这个大家都看得懂；

然后就是下面这句新的代码了；Math.floor（Math.random()*10）这句代码这里的作用是获取一个0到9之间的一个随机数；如果*10这个值改为*20的话就是获取一个0到19的一个随机数；

floor意思是向下取舍，Math是一个js的方法，专门用于函数运算的方法；而rando则是随机；让得到的数字随机；

下面的   document.getElementById("aaaa").value = Num;

就是获取到我们的input标签了，通过id获取到input并回填上去；

但是在这里还是没有完成，这个方法需要点击事件来触发；

所以我们就要把这个方法写在一个点击事件里；我这里是写在打开模态框的点击事件的；通过点击模态框来获取到14位随机数；要是不想这样可以在写一个input标签；给这个inp标签加上一个点击事件，

    <div>

        <input type="text" name="code" id="codes">

        <input type="button" value="yanzhengma" οnclick="code()">

    </div>

    <script>

function code(){

        var Num="";

        for(var i=0;i<6;i++){

            Num+=Math.floor(Math.random()*10);

        }

        document.getElementById("codes").value=Num;

    }

</script>

就像这样，也可以通过页面点击来切换随机数；和二维码有点类似；