코딩하는 마멋

HTML 문서 marmot HTML에 '' 를 넣어야 자바스크립트에서 HTML을 사용할 수 있다. 자바스크립트에서 HTML 불러오기 const title = document.getElementById("title"); // title = 불러온 HTML의 title이라는 id 값을 가진 요소 console.dir(title); // console.log도 같은 결과 /* h1#title */ title = HTML 문서의 title이라는 id 값을 가진 요소라고 선언 하는 것 console.dir을 활용하면 콘솔에서 title에 대한 여러 값들을 자세하게 볼 수 있음 자바스크립트에서 HTML 변경하기 const title = document.getElementById("title"); title.inne..

Conditional(조건문) - 기본적으로 if, else 사용 - 자바스크립트는 작은 괄호부터 시작해서 큰 괄호로 넘어감 - true인지 false인지 알려주기 때문에 중요함 기본 문법 if(condition) { // condition === true } else { // condition === false } else는 없어도 됨, else 부분이 없으면 true가 아니라면 아무것도 하지 않음 condition에 해당하는 부분은 boolean(true, false)로 판별 가능해야 함 선행 [JavaScript] prompt, typeof, parseInt, isNaN Prompt const age = prompt("How old are you?"); console.log(typeof age); ..

Prompt const age = prompt("How old are you?"); console.log(typeof age); 결과 : - prompt를 사용하면 웹페이지에 위와 같이 팝업창이 생성됨 - 이때 typeof를 사용하면 입력한 값의 타입을 알 수 있음 - 기본적으로 prompt에 입력한 값은 무조건 문자열로 인식 - css 적용 불가, js 작동 멈춤 등의 이유로 현재는 사용 안함 parseInt const age = prompt("How old are you?"); console.log(typeof "15", typeof parseInt("15")); /* string, number */ - 문자열을 숫자로 변환해주는 역할 - 숫자여야지 어떤 숫자보다 큰지 작은지를 알 수 있어서 활용 가..

Return - 질문에 대한 답과 같음 - 작업의 결과를 알려주는 함수가 필요할 때 사용 - 함수 내부에서 console.log를 사용하는 것과 달리 외부에서 요청을 받으면 값을 반환해주는 원리 예시 기본 원리 const age = 23; function calculaterKrAge(ageOfForeigner) { return ageOfForeigner + 2; } const krAge = calculaterKrAge(age); console.log(krAge); /* 25 */ 1. console.log(krAge) 실행 2. krAge는 calculaterKrAge(age) 값인데 처음에 age 값을 23으로 선언했기 때문에 age = 23 3. 함수에 23이 대입되고 23 + 2 값 반환 const..