문자열 -> 숫자

요소의 내용 또는 값을 얻어오면 기본적으로 문자열(string)으로 인식됨
-> 산술 연산 시(덧셈) '더하기'가 아닌 '이어쓰기'가 되는 문제 발생

Number(문자열)

"정수" -> 정수 ("123" -> 123)
"실수" -> 실수 ("3.14" -> 3.14)

parstInt(문자열)

"정수" -> 정수("123" -> 123)
"실수" -> 실수 ("3.14" -> 3) 소수점 버림

parseFloat(문자열)

"정수" -> 정수 ("123" -> 123)
"실수" -> 실수 ("3.14" -> 3.14)

---

동등 비교 / 동일 비교 연산자

동등 비교 연산자 ( == , != )

-> 값이 같으면 true (자료형 관계 없음)
ex) 1 == '1' == true
-> true

동일 비교 연산자( ===, !==)

-> 값과 자료형이 모두 같으면 true

---

문자열(string) 내장 함수

string.indexOf("찾고싶은문자열")

-> string 내에서 "찾고싶은문자열"의 시작 인덱스를 반환
없으면 -1반환

string.lastindexOf("찾고싶은문자열")

-> 뒤에서부터 검색하여
-> string 내에서 "찾고싶은문자열"의 시작 인덱스를 반환
없으면 -1반환

string.substring(시작인덱스)

-> 문자열에서 시작 인덱스부터 끝까지 잘라서 반환

string.substring(시작인덱스, 마지막인덱스)

-> 문자열 시작 인덱스부터 마지막인덱스 사이를 잘라서 반환

string.split("구분자")

-> 문자열을 "구분자"를 기준으로 나누어 배열로 반환

• 문자열.split("") -> 문자열이 한 글자씩 모두 나누어져서 배열로 반환

---

숫자 관련 내장 객체 / 내장 함수

숫자(number) 타입 리터럴 표기법

• 123(정수) , 9.321(실수), NaN(Not a Number), Infinity(무한)
  숫자 관련 내장 객체 : Math

Math.random() : 0 이상 1미만의 난수 발생

(소수점 첫째자리에 적용)
Math.ceil(값) : 올림
Math.floor(값) : 내림
Math.trunc(값) : 버림
Math.round(값) : 반올림

숫자.toFixed(자릿수) : 숫자를 지정된 자릿수까지 반올림해서 표현
ex) (3.45).toFixed(1) --> '3.5'

isNaN(값)

값이 숫자가 아니면 true
숫자면 false

---

랜덤 색상 변경

document.getElementById("btn4").addEventListener("click", function() {

    // rgb 색상 랜덤 대입 ( 0 ~ 255)
    const r = Math.floor(Math.random() * 256); // 0 <= ran < 255
    const g = Math.floor(Math.random() * 256);
    const b = Math.floor(Math.random() * 256);

    document.querySelector("body").style.backgroundColor 
        = "rgb(" + r + "," + g + "," + b + ")";
       
    const btn4Bg = document.getElementById("btn4Bg");
    btn4Bg.innerText = "r = " + r + ", g = " + g + ", b = " + b; 
})