JavaScript实现用户名判断

秃头小宋s

已于 2022-11-02 22:45:25 修改

阅读量497

点赞数 3

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-11-02 22:44:00 首次发布

本文链接：https://blog.csdn.net/m0_73634593/article/details/127660775

版权

JavaScript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<div id="class">
    <label>
    用户名：<input type="text" id="username"><span id="msg"></span>
    </label>
    <br>
    <button id="btn_check">检测</button>
</div>

<script>
    let check_btn = document.getElementById('btn_check');
    check_btn.addEventListener('click',function(){
        // 获取input的value
        let uname = document.getElementById('username').value;
        // 定义变量存储指定用户名
        let username = 'admin';
        // 对用户名进行判断输出span的内容
        if(uname === username){
            document.getElementById('msg').innerText = ('正确');
            document.getElementById('msg').setAttribute('class','ok');
        }else{
            document.getElementById('msg').innerText = ('错误');
            document.getElementById('msg').setAttribute('class','fail');
        }
    })
</script>