CodeStates/learning contents
Unit 10. [JS/DOM] μ ν¨μ± κ²μ¬
Jieunny
2022. 12. 27. 14:52
π£ μ ν¨μ± κ²μ¬
β° νΉμ κ°μ λ°λμ μ
λ ₯ν΄μΌ νλ€.
β° λΉλ°λ²νΈλ n μ리 μ μ΄μμ΄μ΄μΌ νκ³ , μ«μλ νΉμλ¬Έμλ₯Ό λ°λμ ν¬ν¨ν΄μΌ νλ€.
μμ κ°μ κΈ°λ₯μ 'μ ν¨μ± κ²μ¬'λΌκ³ νλ€.
let inputUsername = document.querySelector('.username');
// username ν΄λμ€ μμλ₯Ό λ°μμ¨λ€.
let failureMessage = document.querySelector('.failure-message');
// failure-message ν΄λμ€ μμλ₯Ό λ°μμ¨λ€. μλ hide ν΄λμ€κ° μμ΄ μ¨κ²¨μ Έμμ.
inputUsername.onkeyup = function(){ // username ν΄λμ€ μμμμ μ¬μ©μκ° ν€λ₯Ό λλ λ€ λμ λ
if(isMoreFour !== true){ // usernameμ΄ 4κΈμ μ΄νμ΄λ©΄
failureMessage.classList.remove('hide');
// hide ν΄λμ€λ₯Ό μ§μμ warning λ¬Έκ΅¬κ° λ¨κ² λ§λ λ€.
}
}
function isMoreFour(value) { // valueκ° 4κΈμ μ΄μμΈμ§ νμΈνλ ν¨μ
if(value.length) >= 4{
return true;
}
else {
return false
}
}