[21.02.19] Javascript 둘째 날

진도: ~배열과 반복문의 활용까지

3. 웹페이지 제어하기
-> CSS 선택자는 크게, 태그, id, class 선택자 있음

1. 제어할 태그 선택하기
   ->document.querySelector(".myclass");
   #".myclass" = 이 웹페이지의 모든 태그 중에 클래스 명이 myclass인 태그를 선택하는 선택자
2. 선택한 태그의 style 바꾸기
   -> document.querySelector("body").style.
3. style 중에서 background-color:black으로 바꾸고 싶다
   -> document.querySelector("body").style.backgroundColor='red';

4. 조건문

4-1. 비교연산자와 불리언
-비교연산자는 좌항와 우항 값을 비교 후, 불리언을 반환함
-> 불리언은 비교 연산자를 통해 만들어지는 새로운 데이터 타입!
*)==이랑 ===의 차이점!! : JS에서의 ==는 데이터 타입이 달라도 같은 의미를 가지면 성립함! 예를 들어 2=="2", 0==false 모두 true 값을 반환함

4-2. 조건문 형식은 여느 프로그래밍 언어들과 같다

예시) if (document.querySelector('.myclass').value=='night'){
} #중복되는 건 변수로 지정! (var a=document.querySelector('.myclass')
a.value
-> 사실 자기 자신을 가리키는 애들은 this으로 치환할 수 있다!

5. 반복문

5-1. 배열
JS의 배열은 특이하게 [ ]안에 넣는다 -> var coworkers=["a","b"];
가져오는 건 딴 언어랑 비슷하고, 배열 추가는 약간 파이썬 스럽다 -> coworkers.push('duru');
*다른 프로그래밍 언어의 배열 생성 방법

• C/C++ : Char k[4]={'a','b','c','d' };
• JAVA :String [] a={'a','b','c'}

5-2. 반복문 형식 = C나 JAVA와 똑같다! for(var i=0;i<5;i++){
document.write('<li>'+coworkers[i]+'</li>')}