반응형
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>
반응형
'Web > JS' 카테고리의 다른 글
| JavaScript 관련 용어 (라이브러리, 플러그인, 함수, 확장 라이브러리) (0) | 2021.02.09 |
|---|---|
| [모던 자바스크립트 입문] 8장. 함수 호출하기 (0) | 2021.02.08 |
| [모던 자바스크립트 입문] 6장. 웹 브라우저에서의 입출력 (0) | 2021.02.05 |