본문 바로가기
Javascript

생활코딩 Javascript 정리

by 자연송어 2021. 3. 3.

5. HTML과 JS의 만남 (콘솔)

오른쪽 클릭 -> 검사 -> 콘솔

- 콘솔을 사용하면 파일을 만들지 않고 자바스크립트 코드를 즉석에서 실행 가능

- 텍스트가 몇개의 문자로 이루어져 있는지 확인↓

alert('Javascript sadasda asdasd asdas asdasd.'.length)

 

- 자바스크립트를 사용한다는 것은 이미 만들어져 있는 웹사이트를 필요에 따라

코드를 작성해서 어떠한 문제를 해결할 수 있다는 것.

 

6. 데이터타입 - 문자열과 숫자

 

이항 연산자

 

7. 변수와 대입 연산자

let name = 'leezche';
alert("asd as dds dzxc"+name+"zxcadqwadzxc qwrrg asdd asfa"+name+"sadsd aadsad.");

중간에 이름이 바뀌어야 할 상황이 올 때 이름을 선언해서 한번에 바꿀 수 있음.

 

12. 제어할 태그 선택하기

<input type="button" value="night" onclick = "
//버튼을 누르면 나이트로 바뀌고~

document.querySelector('body').style.backgroundColor = 'black'; 
//쿼리셀렉터로 바디 선택 후 스타일 배경색상을 블랙으로 바꾼다.