이벤트
<body>
<script>
페이지가 읽혀질 때 실행돼야하는 코드는 여기
</script>
클릭, 마우스오버 등 특정 이벤트가 발생했을때 실행돼야하는 코드는 여기
<input onXXX = " "/>
<input onclick = " "/>
<input onmouseover = " "/>
</body>예제:
<input type="button" value="클릭" onclick="alert('안녕하세요!');"/>
<br/>
<span onclick="alert('hello');">스팬입니다.</span>을 입력하면
스팬입니다.
다음과 같이 나온다.
velog에서는 작동하지 않지만
실제로 클릭을 해보면 각각 "안녕하세요!"와 "hello"가 나온다.
함수를 이용한 이벤트
<body>
<script>
function printResult(){
var x = prompt("x값을 입력하세요.",0);
var y = prompt("y값을 입력하세요.",0);
x = parseInt(x);
y = parseInt(y);
alert(x+y);
}
</script>
<input type="button" value="클릭" onclick="printResult();"/> <br/>
<span onclick="alert('hello');">스팬입니다.</span>
</body>이렇게 script태그안에서 함수를 정의하고 클릭시에 함수가 호출되도록 할 수 있다!
