HTML 요소의 내용 바꾸기

document.querySelector (선택자) : css 선택자로 페이지의 요소 선택가능

document.querySelector("h1").innerHTML = "자료형과 변수";

자료형

○ 자료형 확인하는 법

typeof "Hello"  
// "string"

○ string

문자열을 +로 연결하면(문자열에 문자열을 더하면) 이어진 문자열이 됨

console.log("안녕하세요." + "반갑습니다.");
console.log("안녕하세요." + " " + "반갑습니다.");

다른 연산자(-, /, * 등)는 작동하지 않음

console.log("안녕하세요." - "하세요.");  
// NaN

○ number

typeof 1
// "number"

문자열과 숫자를 더하면 문자열이 됨

"Number " + 1
// 결과: "Number 1"

변수

데이터를 담는 주머니 - 모든 종류의 데이터를 할당할 수 있음
var : 변수를 선언하는 구문

var salutation = "안녕하세요, 반갑습니다!";
var typesTestDiv = document.querySelector("#typesTest");

typesTestDiv.innerHTML = salutation;
// document.querySelector("#typesTest").innerHTML
//   = "안녕하세요, 반갑습니다!";

++, -- : 1씩 증가 / 감소 연산자

myNumber++;
console.log(myNumber);

myNumber--;
console.log(myNumber);

+=, -=, *=, /=, %= : 각각의 연산을 수행하여 대입

myNumber += 3;
console.log(myNumber);

myNumber -= 5;
console.log(myNumber);

myNumber *= 6;
console.log(myNumber);

myNumber /= 2;
console.log(myNumber);

myNumber %= 4;
console.log(myNumber);

문자열은 += 가능

var myName = '홍';
myName += '길동';

console.log(myName);