[JS] 크롬 브라우저에서 개발자 도구 콘솔에 자바스크립트 사용하기 - 토끼는 개발자

크롬 브라우저에서도 간단한 자바스크립트를 작성할 수 있는데 방법은 브라우저를 열어준 뒤 F12를 누르기만 하면 된다.

F12를 누르면 개발자 도구가 열리는데 이 콘솔 창에서 간단한 자바스크립트 함수를 사용해 어떤 결과가 나타나는지 확인해보려고 한다.

1. 크롬 브라우저 열기

 

2. 키보드 F12 누르기 

 

3. 자바스크립트 함수 써보기

 1) prompt() : 사용자가 값을 입력할 수 있는 창을 띄우는 함수

prompt("값을 입력할 수 있는 창 띄우기");

 

prompt("값을 입력할 수 있는 창 띄우기", "미리 값 입력해놓을 때 사용");

 

 2) alert() : 알림 표시할 때 사용하는 함수

alert("알림 표시하는 창 띄울 때 사용하는 함수");

 

 3) document.write() : 괄호 안 내용을 화면에 표시하는 역할, 결과값을 브라우저에 출력할 때 많이 사용

var text = prompt("이름 입력하는 창 띄우기");
document.write(text);

 

*참고 

이름 입력하는 창을 띄우고 입력한 텍스트는 확인 버튼을 누르면 브라우저에 나타나는 것 확인 가능