๋ฐ์ํ
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฌ์ฉ์์ ์ํธ์์ฉ
์น๋ธ๋ผ์ฐ์ ๋ ํ๋ฒ ์ถ๋ ฅ๋๋ฉด ์๊ธฐ ์์ ์ ๋ฐ๊ฟ ์ ์์
๋ฐ๋ผ์ JavaScript๋ HTML์ ์ ์ดํ ์ ์์
์น๋ธ๋ผ์ฐ์ ๋ค ์์์ ์ผ์ด๋ ์ฌ๊ฑด๋ค ์ค์ ๋ช๊ฐ์ง ์ด๋ฒคํธ๋ค์ ์ ์ฅํด๋
style= "CSS์์ฑ"
input type="button" value="night" onclick="์๋ฐ์คํฌ๋ฆฝํธ"
<input type="button" value="hi" onclick="alert('hi')">
onclick
button ์ ํด๋ฆญํ๋ฉด -> onclick ์ ์ ์ฅํด๋ ์ด๋ฒคํธ๊ฐ ์ผ์ด๋จ
onchange
textbox์ ๋ณํ๊ฐ ์ผ์ด๋๋ฉด -> ์ด๋ฒคํธ
์ด๋ค ํค๋ฅผ ๋๋ ์ ๋ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํด๋ผ
javascript keydown event attribute " ๋ผ๊ณ ๊ฒ์ํด๋ณด๊ธฐ
onkeydown
--> javascript๋ฅผ ์นํ์ด์ง๋ก ์คํํ๋ ๋ฐฉ๋ฒ
Consol
ํ์ผ์ ๋ง๋ค์ง ์๊ณ ๋javascript๋ฅผ ๋ฐ๋ก ์คํํ ์ ์๋ ์ฐฝ
'๐ Web๊ธฐ์ด' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CSS Flex(Flexible Box) ๊ฐ๋ ์ ๋ฆฌ (0) | 2021.02.15 |
---|---|
HTML ๊ณผ CSS ๊ธฐ์ด (0) | 2021.02.15 |
[Web] HTML ๊ธฐ์ด - ์น์ฌ์ดํธ (0) | 2020.12.19 |
[Web]์ฝ๋ฉ์ ๊ธฐ์ด์ ์น, ์ฑ ํ๋ก๊ทธ๋๋ฐ (0) | 2020.12.19 |
๋๊ธ