简易验证码的实现

//建立两个文本框，两个空按钮，并绑定id

<input type="text" id="cpu">

<input type="text"  id="nth" disabled>

<button id="dd">点击验证</button>

<button id="tt">登陆</button>

<script>

// 获取元素

var cpu = document.getElementById('cpu');

var dd = document.getElementById('dd');

var nth = document.getElementById('nth');

var tt = document.getElementById('tt');

//定义一个函数

function fn(n,m){

dd.onclick = function(){                        //绑定点击事件

nth.value = parseInt(Math.random() * (m - n + 1) + n);                //对验证码进行随机生成

nth.value == nth                                //将生成的验证码显示在文本框

}

tt.onclick = function(){                        //绑定登陆的点击事件

if(cpu.value == nth.value){                //两个文本框的数值相同时

                        // document.write("登陆成功")

alert("登陆成功")                //弹窗显示登陆成功

}else{

                        // document.write("登陆失败")

alert("验证失败")

}

}

}

fn(1000,9999)                //验证码的取值范围

</script>

     var cpu = document.getElementById('cpu');
        var dd = document.getElementById('dd');
        var nth = document.getElementById('nth');
        var tt = document.getElementById('tt');
        
        function fn(n,m){
        dd.onclick = function(){
            nth.value = parseInt(Math.random() * (m - n + 1) + n);  
            nth.value == nth
        } 
        tt.onclick = function(){
            if(cpu.value == nth.value){
                // document.write("登陆成功")
            alert("登陆成功")
            }else{
                // document.write("登陆失败")
                alert("验证失败")
            }
        }
    }
    fn(1000,9999)