JavaScript
: 사용자와 상호작용하는 언어 (웹페이지를 동적으로 만들어줌)
🟢 script 태그
script 안쪽에 있는 코드를 JavaScript 인식 (=동적)
⌨️ 코드
<body>
<h1>JavaScript</h1>
<script>
document.write(1+1);
</script>
<h1>HTML</h1>
1+1
</body>🖥 출력
Javascript
2
HTML
1+1JavaScript는 동적이고, HTML은 정적이다
🟢 event(이벤트)
: 웹브라우저 위에서 일어나는 일
📌 onclick (누르면 알림창 나타나기)
⌨️ 코드
<body>
<input type="button" value="hi" onclick="alert('hi')">
</body>📌 onchange (상태가 변하면 알림창 나타나기)
⌨️ 코드
<body>
<input type="text" onchange="alert('changed')">
</body>📌 onkeydown (키보드가 눌리면 알림창 나타나기)
⌨️ 코드
<body>
<input type="text" onkeydown="alert('key down!')">
</body>etc
onmouseover
onmouseout
onload
🟢 console (콘솔)
: 파일을 따로 만들지 않고도 JavaScript를 실행할 수 있다
웹브라우저 개발자도구 -> Console -> 명령 입력
🔡 명령어
- console.log();
: 괄호 안의 결과가 콘솔 창에 출력
✅ 개발자 도구에서 콘솔 창 따로 여는 방법
: elements 클릭 후 esc
✅ 콘솔에서 한번 실행했던 코드 다시 적는 법
: 위쪽 화살표 버튼(↑) 클릭
✅ 콘솔창에서 줄바꿈
: shift + enter
잘하자!