알림창으로 출력
var name = prompt("이름을 입력하세요. ");
console.log(name);
name = prompt("이름을 입력하세요. ", "홍길동"); // 홍길동 : default 값
console.log(name);
웹 브라우저 화면에 출력 - document.write() 함수
var name = prompt("이름 : ");
document.write(name + "님, 어서오세요!");
복습
var age;
age = prompt("나이를 입력하세요. ");
document.write(age + "살입니다.");
콘솔에 출력하기 - console.log() 함수
var name = prompt("이름을 입력하세요. ");
console.log(name + "님 어서오세요!");
크롬 브라우저 콘솔로 오류 찾아내기
- 오류가 발생하면 콘솔 창에 오류 내용, 오류 개수, 오류 발생 위치가 나타남
- 오류 발생 위치를 클릭하면 오류 소스 위치로 이동
자바스크립트 소스를 작성할 때 지켜야 할 규칙
- 규칙 1. 대소문자 구별하여 소스 작성
- 규칙 2. 일긱 쉽게 들여 쓰는 습관
- 규칙 3. 세미콜론으로 문장 구분
- 규칙 4. 자바스크립트 소스에 메모를 하려면 주석을 사용
- 한줄 주석 '//'
- 여러 줄 주석 '/* ~ */'
- 규칙 5. 식별자는 정해진 규칙을 지켜 작성
- 식별자(변수나 함수 이름)의 첫 글자는 반드시 영문자나 언더바, 달러 사인
- 그 뒤에는 영문자, 언더바, 달러사인, 숫자 사용 가능
- 두 단어 이상을 합쳐 만드는 경우 공백 사용 불가
- 단어와 단어 사이를 하이픈(-)이나 언더바(_)로 연결해 사용
- 또는 첫 번째 단어는 소문자로 시작, 두 번째 단어부터는 대문자로 시작
- 규칙 6. 예약어는 식별자로 사용할 수 없음
- 자주 사용하는 예약어 : arguments, breake, case, continue, default
- do, else, false, for, function
- if, null, return, super, switch
- this, true, try, typeof, var
- void, while, with
도전! 응용문제
- html과 js 연결 방법 : html 파일에 <script></script>로 연결
- 브라우저 화면에 문장 출력 : document.write("~~~"); 로 출력
- 개발자 콘솔 창을 이용하여 오류 수정 : 콘솔 창의 오류 내용과 오류 위치를 보고 수정