๐Ÿ”ค Language/๐ŸŸจ JavaScript

    JS. event, on ์ข…๋ฅ˜, type, input ํƒœ๊ทธ

    JS. event, on ์ข…๋ฅ˜, type, input ํƒœ๊ทธ

    ์ด๋ฒคํŠธ // on event on ์†์„ฑ๋“ค์ด event๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. input ํƒœ๊ทธ ์•ˆ์— type์„ button์œผ๋กœ ํ•˜๋ฉด ๋ฒ„ํŠผ์ด ์ƒ๊ธฐ๊ณ  type์„ text๋กœ ํ•˜๋ฉด ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ๋Š” ๋ž€์ด ์ƒ๊ธด๋‹ค. value value ์†์„ฑ์€ ์ดˆ๊ธฐ๊ฐ’์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ์‚ฌ์šฉ์ž๋Š” ์ดˆ๊ธฐ๊ฐ’์„ ์ง€์šฐ๊ณ  ์ž…๋ ฅํ•ด์•ผ ํ•œ๋‹ค. onclick onclick์„ ํ•˜๋ฉด ์ด๋ฒคํŠธ ์ฐฝ์ด ๋œฌ๋‹ค. onchange ์š”์†Œ์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋˜์—ˆ์„ ๋•Œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. change๋ผ๊ณ  onchange="alert('changed')" ์•ˆ์— ์žˆ๋Š” ๋‚ด์šฉ์ธ changed๊ฐ€ ๋‚˜์˜จ๋‹ค. onkeydown ์‚ฌ์šฉ์ž๊ฐ€ ํ‚ค๋ฅผ ๋ˆ„๋ฅผ๋•Œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. ์ด๋ฒˆ ๋‚ด์šฉ์€ ์ดํ•ดํ•˜๊ธฐ ํž˜๋“  ๋ถ€๋ถ„์ด ๋งŽ์•˜์ง€๋งŒ ๊ฒ€์ƒ‰์„ ์ด์šฉํ•˜์—ฌ ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

    JS. START

    START JavaScript HTML 1+1 โ€‹ ์•„๋ž˜ ๊ธ€์„ ๋ณด๋ฉด JavaScript๋กœ ์ž‘์„ฑํ•œ 1+1์€ 2๋กœ ํ‘œํ˜„์ด ๋˜์ง€๋งŒ HTML๋กœ ์ž‘์„ฑํ•œ 1+1์€ 1+1 ๊ทธ๋Œ€๋กœ ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด์„œ JavaScript๋Š” ๋™์ ์–ธ์–ด๋ผ๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค.