咋查看自己找的html的代码错误,html 求助 这段代码这么也找不到为啥错误

.bg {

background-color: yellow;

}

// 检测用户名是否是3-6位，密码是否是6-8位，如果不满足要求高亮显示文本框

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

btnLogin.onclick = function () {

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

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

// 检测用户名是否是3-6位

if(txtUserName.value.length<3||txtUserName.value.length>6) {

txtUserName.className='bg';

return;

}else {

txtUserName.className='';

}

// 密码是否是6-8位

if (txtUserPassword.value.length<6||txtUserPassword.value.length>8){

txtUserPassword.className='bg';

return;

}else {

txtUserPassword.className='';

}

console.log('执行登录');

}

求大佬帮忙看看    初学小白   也去网上搜索了下  还是没解决