验证码生成及校验

验证码生成及校验

j简易版 随机生成数字，绑定点击事件

window.onload = function() {
                var span = document.querySelector('span')
                var a = document.querySelector("a");
                var input = document.querySelector("input");
                var btn = document.querySelector("button");
                var res = getcode();
                 //封装函数
                function getcode() {
                    var arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
                    var str = '';
                    for (var i = 0; i < 6; i++) {
                        var num = Math.round(Math.random() * (15 - 0) + 0); //取整数
                        str += arr[num];
                    }
                    return str;
                }
                span.innerText = res;
                a.addEventListener('click', function() {
                    span.innerText = getcode();
                })
                btn.addEventListener('click', function() {
                    if (span.innerText !== input.value) {
                        alert("验证码不正确");
                    } else {
                        alert("验证码正确");
                    }
                })

            }