์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜ค๋ฅ˜ ๊ณ ์น˜๊ธฐ

๋กœ๊ทธ์ธ์ฐฝ ๋งŒ๋“ค๊ธฐ css๊ฐ€ ์˜ˆ์ „๋ณด๋‹จ ์ข€ ๋‚˜์•„์ง„๋“ฏ....? box-shadow ๋ž‘ ๊ธ€๊ผด ๋ฐ”๊พธ๋Š”๊ฒƒ, ์ด๋ชจ์ง€ ๋„ฃ๋Š” ๊ฒƒ, ๋ฒ„ํŠผ hover ๊ธฐ๋Šฅ,์ƒ‰ ๊ณ„์—ด ๋งž์ถ”๊ธฐ ๋“ฑ์ด ๋“ค์–ด๊ฐ”๋‹ค. ์•„ ๊ทธ๋ฆฌ๊ณ , border:none; ์‹œ์ผœ๋†“๋Š” ๊ฒŒ ์ด์œ๋“ฏ..! ์˜ค๋ฅ˜ ๊ณ ์น˜๊ธฐ ํŽ˜์–ด๋ถ„์ด ์ž˜ ๋„์™€์ฃผ์…”์„œ ๋•๋ถ„์— ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. 1. document ์ฒ ์ž๋ฅผ ํ‹€๋ฆฌ๊ฒŒ ์”€ 2. class ๋ผ .๋ฅผ ์จ์•ผ ํ•˜๋Š”๋ฐ, #์„ ์”€ let elPasswordErrorMessage = document.querySelector('.mismatch-message') 3. ๋จผ์ € ํ•จ์ˆ˜ isMatch ๋ฅผ ์จ์„œ ๋‘ ํŒจ์Šค์›Œ๋“œ๊ฐ€ ๊ฐ™์„๋•Œ true๋ฅผ ๋ฑ‰์–ด๋‚ด๊ณ , ๋‹ค๋ฅผ๋•Œ, false ๋ฅผ ๋ฑ‰์–ด๋‚ด๋Š” ์กฐ๊ฑด๋ฌธ์„ ๋งŒ๋“ ๋‹ค. function isMatch (password1, passwor..