day2

생활코딩 변수와 대입 연산자.

var name = ''

"+name+"

 

웹브라우저 제어.

 

CSS 기초.

선택자. (tag, class , ID)

 

제어할 태그 선택하기.

document.querySelector('selector')

선택하고 스타일 태그 추가

document.querySelector('selector').style.backgroundColor='black';

document.querySelector('selector').style.color='white';

 

프로그램,프로그래밍,프로그래머

PROGRAM의 의미 = 순서

순서를 만드는것 프로그래밍

순서를 만드는 사람 프로그래머

 

조건문

===은 비교연산자, 왼쪽과 오른쪽 비교해서 맡으면 true, 틀리면 false

<script>

  document.write(1===1);

</script>

이것은 true

<script>

  document.write(1===2);

</script>

이것은 false

true와 false를 boolean이라고 한다.

부등호 표시 <는 &lt;  less than의 약자

                >는 &gt; greater than의 약자

 

조건문의 활용

<input id="night_day" type="button" value="night" onclick="

if(document.querySelector('#night_day').value === 'night')

{

document.querySelector('body').style.backgroundColor='black';

document.querySelector('body').style.color='white';

document.querySelector('#night_day').value = 'day';

}

else

{

document.querySelector('body').style.backgroundColor='white';

document.querySelector('body').style.color='black';

document.querySelector('#night_day').value = 'night';

}

">

 

리팩토링(refactoring)

document.querySelector('#night_day').value 를 this.value로 대체 가능.

id 선택자가 필요없다.

반복되는 태그를 타겟으로 지정할 수 있다.

var target=document.querySelector('body')  로 지정하면

target.style 로 간결해짐

 

배열

var coworkers = ["egoing", "leezche","jaebong8"];

 

반복문.

보통 var i=0; 을 쓴다

반복은 while

while(i<3)

i=i+1