用js实现6位数验证码

var str = ‘0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ’;

    // 页面一打开,就先写入一个验证码
    vc.innerHTML = setVc(str);

    // 每次点击验证码标签,都会刷新验证码
    vc.onclick = function(){
        vc.innerHTML = setVc(str);
    }

    // 点击按钮标签,切换验证码
    btn.onclick = function(){
        vc.innerHTML = setVc(str);
    }
    
    
    

    // 随机验证码
    // 六位随机验证码,内容是数字,字符(大小写)

    // 可以重复的内容
    // 生成随机下标,获取随机字母,拼接入字符串

    // var vc1 = '';

    // for (var i = 0; i <= 5; i++) {
    //     // 随机数的范围  0 - 最后一个字符的索引下标  0 - str.length-1 
    //     // 每次生成的随机数,也就是随机下标 
    //     var num = parseInt(Math.random() * str.length);

    //     vc1 += str[num];
    // }

    // console.log(vc1);


    // 生成内容没有重复
    // 生成的随机下标,提起的字母,如果不在验证码中,才会写入到验证码中
    // 也就是 indexOf()结果是 -1 才执行拼接操作

    var vc2 = '';

    for (var i = 0; i <= 5; i++) {
        var num = parseInt(Math.random() * str.length);
        // 获取的字符,不在验证码中,才拼接
        // 在 vc2 验证码 中 没有字符 str[num]
        // 原理和数组去重是一样的
        if (vc2.indexOf(str[num]) == -1) {
            // 如果字符不重复,就写入到验证码中
            vc2 += str[num];
        } else {
            // 如果字符重复,没有写入验证码
            // 就执行 i-- 重新执行一次循环,获取一个新的字符
            // 确保是6位字符
            i--;
        }
    }
    console.log(vc2);