고정 헤더 영역
상세 컨텐츠
본문
JavaScript
정적인 HTML의 한계 인식,동적으로 사용자와 상호작용할 수 있는 기능 탄생
<body>안에 <script>로 표시
이벤트 (onchange, onclick, onkeydown etc)
<input type="button" value="hi" onclick="alert('hi')">
콘솔
자바스크립의 데이터 타입
1. spring ('문자')
2. number (숫자)
데이터타입의 중요성
:콘솔에서 ("1")+("1") 하고 엔터치면 '11'이 나온다. 이유는 문자열을 사용했기 때문이다.
변수와 대입연산자
변수를 작성할 땐
var(변수) name=""
var을 반드시 작성해야 한다.
= 대입 연산자라고 부른다
변수를 이용하면 흩어져있는 정보값을 한 번에 바꿀 수 있다.
웹브라우저 제어
변수를 작성할 땐
<div> 무색무취의 태그, 다만 자료들을 꾸며주고 싶을 때 감싸는 역할을 하는 것.
<span> div와 유사한 무색무취의 태그
querySelector함수
<body>
<input type="button" value="★彡" onclick="
document.querySelector('body').style.backgroundColor='black';
document.querySelector('body').style.color='yellow';>
onmouseover="
document.querySelector('body').style.backgroundColor='gray';">
바디 안에서 자바스크립트 이용하는 방법
'Javascript' 카테고리의 다른 글
| 콜백 지옥(callback) (0) | 2024.02.20 |
|---|---|
| Promise (0) | 2024.02.19 |
| 비동기 통신 (0) | 2024.02.19 |
| 객체 (0) | 2023.09.27 |
| 함수 (0) | 2023.09.25 |
