입력 내용에 따라 동작 변경하기 - 변수

클릭한 버튼의 결과를 변수에 저장한다.

<script>

var answer = window.prompt('도움말을 보시겠습니까?');

console.log(answer);

</script>

prompt 메서드 는 alert, confirm과 같은 window 객체의 메서드 () 안에 텍스트나 수식의 계산 결과를 다이얼 로그 박스로 표시

프롬프트 표시하기

window.prompt(메세지)

변수란?

변수 사용법 패턴

1. 변수를 '정의한다'

2. 변수에 데이터를 '대입한다'

3.-a 변수에서 데이터를 '잃는다'

3-b 변수의 데이'변경한다'

3-a 와 3-b는 순서가 바뀌는 경우가 있고 3-b를 하지 않는 프로그램도 있다

1. 변수를 정의한다

데이터를 저정하고 싶을때는 변수를 정의한다

var answer;        // 데이터 타입 var 에 변수명 answer;

2. 변수에 데이터를 '대입한다'

데이터를 넣는 것을 대입한다 라고 한다    // 대입 연산자 = 

var answer = window.prompt('도움말을 보시겠습니까?');        // answer 변수에 window.prompt('도움말을 보시겠습니까?'); 대입

var answer = window.prompt('도움말을 보시겠습니까?');

표시 도움말을 보시겠습니까? 

       yes 입력

var answer = 'yes';        // 입력된 yes 가 반환한 값으로 변경된 후 변수 answer에 대입된다

대입연산자 기호 =

오른쪽에 있는 데이터를 왼쪽의 변수나 프로퍼티 등에 대입

   좌        우

answer = 'yes';

3-a 변수에서 데이터를 읽는다

console.log(answer);

3-b 변수의 데이터를 변경한다

<script>

var answer ='yes';

console.log(answer);

answer = 'no';

console.log(answer);

</script>

변수 라이프 싸이클

변수는 자바스크립에서 데이터를 저장하기 위한 모적으로 사용하지만, 자바스크립트가 변수를 기억하고 있는 기간은 '해당 페이지가 표시되고 있는 기간뿐'

링크를 통해 다음 페이지로 가거나 브라우저 창을 닫으면 변수와 변수가 저장한 값이 사라짐

변수명 정하는 방법

변수명의 조건

1. 문자, 밑줄(_), 달러 기호($), 숫자를 사용할 수 있다. 기타 기호(마니너스(-)나 등호(=) 등)은 사용할수 없다

2. 변수명의 첫 번째 글자에는 숫자를 사용할 수 없다

3. 예약어를 사용할 수없다.

예약어 목록

break case 등등

실무에서는 앞글자 소문자 뒤글자 대문자

appleApple 

그리고 가능하면 연상되는 변수명으로 작성

대부분 실무에서 변수명 모하지?!!!!!!! <<<<<<<< 이걸로 시간을 많이 보냄 ㅋㅋㅋ

2. 변수에 저장된 내용으로 동작을 바꾼다

<script>

var answer = window.prompt('도움말을 보시겠습니까?');

if (answer=== 'yes') {

window.alert('탭키로 점프해서 강애물을 피합니다.');

}

</script>

입력한 값이 yes 일경우 window.alert('탭키로 점프해서 강애물을 피합니다.');    출력

변수 answer에 저장되 이쓴ㄴ 데이터가 'yes'일 때, if문의 조건식이 true가 된다.

=== 변수에 저장되있는 데이터가 특정값이닞 판단하려면 등호 세개 '==='        // === 왼쪽과 오른쪽이 같은가 으미

=== 왼쪽과 오른쪽이 완전히 동일한 경우에만 true라고 판단(데이터형을 변환하지 않고 좌우를 비교

==는 양쪽이 동일한 것처럼 보이도록 자바스크립트가 방법을 찾는다(데이터형을 변환해서 가능한 한평가 결과가 true가 되도록 한다)