생활코딩 자바스크립트2

1.

· <div>: 어떠한 의미도 없음 그냥 자바스크립트나 css를 통해 정보 제어하고 싶을 때 감싸는 역할. ex)style속성 이용하기 위해서 쓴다

=<span>: 똑같은 기능인데 얘는 줄바꿈 없음.

 

· <style>: 웹페이지 전체에 적용되는 스타일 헤드에 작성 , 

본문에 <span calss=""> 일 때 <style> .{font-weight: bold;}

→ 여기서 .:class, #:id 등 속성값에 적용할 때 예시

class: 그룹핑 "" 값을 같게해서 그룹핑, 포괄적

id: 한가지 대상을 식별 "" 값이유일함, 하나를 타겟팅

그래서 위 두가지가 다 적용됐을 경우 id가 적용됨. class 위에 id 얹어지는 것.

ex) 일반적인 태그도 가능 

span{}

얘는 그냥 태그이름 그대로 씀.

클래스랑 같이 쓰면 클래스를 적용.

 

2. 클릭했을 때 바디의 배경색을 바꾸고 싶을 때 선택하는 방법

· onclick="document.queryselector('body').style.backgroundColor='';"

 

3. program : 순서의미를 내포

순서를 만드는 것

 

4. • 비교연산자 ===, 부등호 < ,> 등

ex)
<script> document.write(1===2); <script>

boolean(false true) 로 출력된다.

 if(true) {} esle{} : {}이 실행됨

 if(false) {} esle{} : else{}이 실행됨.

중복을 없애는 것이 중요~!!

5. 배열 array : 데이터를 담는 수납상자!

ex) 

var coworkers = [ "a", "b"];  → 변수 coworkers 배열 생성 및 사용

document.write(coworkers[0]); → a 출력

coworkers.push('c'); → c를 배열 끝에 추가 

cf) 이런 기능들 아주 많으니 검색해서 잘 쓰면 됨.

document.write(coworkers.length); → 배열 안의 개수 세줌