김방울

제어할 태그 선택하기 1. night 버튼과 day 버튼 만들기 2. 버튼을 클릭했을 때의 이벤트를 추가하기 위해 onclick 속성을 추가 버튼을 클릭했을 때 태그에 style 속성을 동적으로, 프로그래밍적으로, 상호작용에 의해 넣으려 함. 그러기 위해서는 자바스크립트 문법에 따라 웹 브라우저에게 태그를 선택하게 해야 함 -> document.querySelector(selectors); var el = document.querySelector(".myclass"); -> 이 웹 페이지에 있는 모든 태그 중에서 클래스명이 'myclass'인 태그 선택. document.querySelector('body') -> 태그를 선택 그 다음, 태그에 스타일 속성울 어떻게 자바스크립트로 넣을 수 있는지 알아봐야..

데이터 타입- 문자열과 숫자 -숫자 콘솔 경고창에 숫자 표현하기: alert(1) 콘솔 경고창에 숫자 표현하기 2: alert(1+1) 콘솔에서 덧셈하기: 1+1 산술 연산자: +,-,*,/ -문자열 따옴표나 작은따옴표로 이루어져 있음 .length와 같은 것들을 프로퍼티라고 함 문자열을 대문자로 출력하기: '문자' .touppercase() 문자열에서 특정 문자 찾기 'hello world' .indexof('0') ---- -1로 찾을 수 없다는 결과가 나옴 'hello world' .indexof('o') --- 4가 나옴. 'h'부터 0으로 쳐서 4번째 자리에 소문자 'o'가 나온다는 뜻 'hello world' .indexof('world') 공백을 포함헤서 6번째에 'world' 라는 문자열이..

야간 모드와 주간 모드를 버튼을 통해 바꾸는 기능 만들기 이라는 태그를 이용해 버튼을 만들 수 있음. 이 태그의 속성으로 'button'을 지정해야 함. 그리고 'value'에 적힌 'night' 때문에 버튼의 이름은 'night' 가 됨. onclick 이라는 속성의 값으로는 자바스크립트가 와야 하고, onclick이라는 속성의 값으로 자바스크립트 코드를 넣으면 사용자가 onclick의 속성이 위치하고 있는 버튼을 클릭했을 때 자바스크립트 코드를 실행할 것. 여기서 자바스크립트 코드는 사용자가 'night'라는 버튼을 클릭했을 때 이 문서(document)에서 태그를 선택(queryselector('body')) 하는 코드. 이 웹 페이지에서 태그는 웹 페이지 전체를 차지하는 아주 큼직한 코드, 즉 화..