Web/JS
[Web 2강] HTML과 JS의 만남
WantAirpod
2021. 2. 5. 11:43
반응형
JS와 HTML의 차이
JS는 동적이라 1+1을 계산해서 웹상에 뿌려준다. 하지만 HTML은 그냥 그대로 뿌려준다
<<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<h1> javascript </h1>
<body>
<script type="text/javascript">
document.write(1+1);
</script>
<h1> html </h1>
1+1
</body>
</html>
이벤트
onclick 속성
onclick 클릭 했을 때 이미 기억하고 있던 동작하는 메소드 (=Event)
onchange 속성
마우스 포인터가 창 밖으로 나간 동작을 인식하는 메소드
onkeydown 속성
키를 눌렸을 때 동작하는 메소드
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type ="button" value ="hi" onclick="alert('hi')">
<input type ="text" onchange="alert('onchange')">
<input type ="text" onkeydown="alert('key down!')">
</body>
</html>
반응형