버튼 생성.
여기에 추가하기.
document.querySelector('body')
문서에 있는 선택자 중에 body, 본문에 있는 것을 선택.
웹브라우저에 질의 한다는 뜻.
document.querySelector('body').style.backgroundColor = 'black'
본문의 배경색을 어두운 색으로 한다.
document.querySelector('body').style.color = 'white';
본문의 글자색은 백색으로.
비교 연산자, boolean, 조건문.
document.write(1===1);
=3개 차리, 좌항 우항 비교해서 같으면 참 출력. 위의 값은 참.
1===2는 거짓.
document.write(1<2);
좌항 우항 비교해서 큰지 작은지, 위의 값은 참. 그리고 이걸 html에서 구현하려면(document는 자바스크립트)
1<2 lt는 less than 이란 뜻.
조건문은 if else.
조건문을 통해서 value값을 파악해서 모드를 토글한다.
코드가 실행되면 value값을 바꿔준다.
리팩토링 -- 공장으로 보내 다시 개선한다.(중복 제거.)
자기자신을 가리키는 코드 this 사용
이제 중복되는 document.querySelector('body')를 제거해야 함.
var target = document.querySelector('body');으로
target을 선언.
이렇게 개선.
여까지 했음.
https://www.youtube.com/watch?v=aBJzzhQ6y-o&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=20
