HTML, CSS를 프로그래밍적으로 제어할 수 있어 동적인 웹으로 변형가능하다.
이를 위해 자바스크립트가 할 수 있는 것들은
1. 데이터 저장
2. 값 계산
3. 결과 반영
이러한 자바스크립트를 연결시키는 방법은 CSS와 비슷하다.
1. HTML 태그 내 삽입
<button onclick="window.alert('hello world');">hello</button>
2. script 태그 이용해 삽입
<body>태그 제일 아래 <script>태그를 만들어 작성
3. HTML 파일 외부의 스크립트 파일 로드
<body>태그 제일 아래 <script src="~.js"></script>
또한 브라우저를 이용해 간단하게 프로그램 없이 연습해 볼 수 있다.
브라우저 내에서 ctrl + shift + i/j 를 누르면 마우스 오른쪽 버튼의 검사창을 바로 띄울 수 있다.
'[JavaScript]' 카테고리의 다른 글
| 4. 조건문과 반복 (0) | 2024.07.05 |
|---|---|
| 3. 함수 (0) | 2024.07.05 |
| 2. 변수 (0) | 2024.07.05 |
| 실습으로 배우는 자바스크립트 기초 (0) | 2024.07.04 |
| JavaScript 쌩 기초 (0) | 2024.07.04 |