注册 登录
编程论坛 JavaScript论坛

简单的登录界面

Z1020 发布于 2021-03-21 17:58, 3476 次点击
一下是我写的代码,账号密码正确则success,三次错误就lock,不知道为什么不行
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input type="text"/>
    <input type="text"/>
    <input type="button" value="登录" id="btn"/>
    <script>
        window.onload=function(){
            alert('sadf')
            var n=0;
            function login(){
                var name=document.getElementsByTagName('input')[0];//input[0]表示有input属性的第一个元素
                var pwd=document.getElementsByTagName('input')[1];
                if(name.value=='qiu' && pwd.value=='123456'){
                    alert('success');
                }
                else{
                    n++;
                }
                if(n==3){
                    alert('lock');
                }
                var btn=document.getElementById('btn');
                btn.onclick=function(){
                    login();
                }
            }
        }
    </script>
</body>
</html>
0 回复
1