操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

1.聲明賬號(hào)密碼數(shù)組,同時(shí)獲取賬號(hào)密碼input的dom節(jié)點(diǎn)

var user = document.querySelector('.user') // 賬號(hào)input
var pass = document.querySelector('.pass') // 密碼input
var userName = ['小白', '小黑', '小紅', '小鹿']
var pwd = ['123', '456', '789', '235']

2.點(diǎn)擊登陸按鈕用es6的some語(yǔ)法判斷數(shù)據(jù)庫(kù)()數(shù)組中是否包含存在當(dāng)前value值數(shù)據(jù)庫(kù)登錄錯(cuò)誤2003,聲明key作為下標(biāo), 用聲明obj接收遍歷返回值, 判斷為true則是存在, false, 則數(shù)據(jù)庫(kù)不存在用戶輸入的賬號(hào), 判斷[key] === user.value && pwd[key] === pass.value說明登陸成功, 否則密碼錯(cuò)誤

loginBtn.onclick = () => {

             if (user.value && pass.value) {
                // 遍歷賬號(hào)是否存在
                const obj = userName.some((item, index) => {
                    if (item === user.value) {
                        key = index // 賦值下標(biāo)
                        return true
                    }

                })
                // 如果存在賬號(hào)
                if (obj) {
                    // 如果賬號(hào)和密碼正確
                    if (user.value === userName[key] && pass.value === pwd[key]) {
                        alert('登陸成功')
                        user.value = ''

                        pass.value = ''
                        ul.classList.add('disBlock')
                        loginBox.classList.remove('disBlock')
                        // 密碼錯(cuò)誤
                    } else {
                        alert('密碼錯(cuò)誤')
                        user.value = ''

                        pass.value = ''
                    }
                } else {
                    alert('不存在的賬號(hào)')
                    user.value = ''
                    pass.value = ''
                }

            } else {
                alert('請(qǐng)補(bǔ)充信息')
            }
        }

3. 效果

注意: 這種方法只是用es6語(yǔ)法some方法,還有一個(gè)更簡(jiǎn)單的方法則是用數(shù)組中的方法判斷是否包含當(dāng)前用戶輸入的value進(jìn)行拿到下標(biāo)數(shù)據(jù)庫(kù)登錄錯(cuò)誤2003, 不存在則返回-1則是數(shù)組中沒有包含當(dāng)前用戶輸入的value.