์น ๋ธ๋ผ์ฐ์ ๊ฐ ์๋ ค์ฃผ๋ HTML ์์์ ๋ํ ์ฌ๊ฑด์ ๋ฐ์
JavaScript๋ฅผ ํตํด ๋ฐ์ํ ์ด๋ฒคํธ์ ํน์ ๋์์ ์ํํ ์ ์๋ค.
ex) hover, click ...
๋ฐ์ํ ์ด๋ฒคํธ์ ์ข
๋ฅ
ex) ํผ, ํค๋ณด๋, ๋ง์ฐ์ค, HTML DOM, WIndow ๊ฐ์ฒด ๋ฑ..)
<!-- click ์ด๋ฒคํธ ์์ -->
<span onclick="changeText(this)">ํด๋ฆญํด์ฃผ์ธ์ click here</p>
<script>
function changeText(element){
element.innerHTML = " ๋ฐ๊ฟ ๋ด์ฉ ์
๋ ฅ !";
}
</script>
์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ์ฒ๋ฆฌ๋ฅผ ๋ด๋นํ๋ ํจ์
์ง์ ๋ ์ด๋ฒคํธ ๋ฐ์ ์, ์น ๋ธ๋ผ์ฐ์ ๋ ๊ทธ ์์์ ๋ฑ๋ก๋ ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ฅผ ์คํํ๋ค !
// HTML์ด load๋ ๋ ๋ฐ์ (์คํ)
window.onload = function() {
var txt = document.getElementById("text");
text.innerHTML = "HTML ๋ฌธ์๊ฐ ๋ก๋๋์์ต๋๋ค."
}