[Project H4C] 20. JavaScript 조건문의 응용

[Project H4C] 20. JavaScript 조건문의 응용

if 다음에 오는 값을 true, false로 고정시키지 않고

가변적으로 변경해 보자.

(사실 true, false 이렇게 딱 정해 놓는 것은 조건문의 의미가 없다) 

 

변수 a를 1로 설정하고,

 

if 조건문에 (a === 1) 이라는 a값이 변할 수 있는

가변적인 조건을 걸어보자.

위 구문에서는 boolean 값이 true 이기 때문에 1이 경고창에 뜨게 된다. 

이렇게.

---

자, 이제 prompt 를 써보자.'

 

 

경고창이 뜨면 

 

답을 입력하고 확인을 눌러보자.

 

 

prompt 는 사용자에게 어떠한 값을 받을 수 있는 기능을 가지고 있다.

 

---

자 그럼, alert 과 prompt 를 조합해보자.

이렇게 코드를 짜면 (alert 안에 있는) prompt 구문이 먼저 실행이 되서

경고창이 뜨고

거기에다가 값을 입력하면

저 빨간박스의 값이 '서른마흔다섯'이 되니깐

alert('서른마흔다섯'); 이 실행되서 

이런 경고창이 뜨게 된다. 

 

 

만약 *2를 추가하면 어떻게 될까? 

 

 

 

prompt 창이 뜨고

 

20을 누르고 확인을 누르면

 

입력값에 *2를 한 40 이 경고창에 뜬다.

 

 

 

 

 

 

 

 

그 동안 배운 것을 결합시켜 보자. 

prompt 창이 뜨게 되고,

그 창에 입력한 값(id)이 egoing 이면 '아이디가 일치 합니다.' 라는 경고창이 뜰 것이고,

id가 egoing이 아니면 '아이디가 일치하지 않습니다.' 라는 경고창이 뜨게 된다.

 

한 번 해볼까?

 

egoing 이라고 입력해주면

헤헤헤

 

다른 값(else) 을 입력해주면

 

알았또~~ㅎㅎㅎ

곧, 이것은 로그인에 사용하는 로직이다.

 

 

 

 

 

자,  이제 조건문 안에 또다른 조건문을 추가해볼까나나아...???

비밀번호 팝업창을 추가해보자. 

 

비밀번호를 물어보는 경우는 id 가 일치하는 경우에만 물어보면 된다.

 

 

그러면 저 빨간색 화살표부분에 들어가며 되겠지?

사용자가 입력하는 비밀번호가 password 라는 변수에 담겨서

입력한 값과 111111이 일치하는지 확인하게 된다.

 

그래서 만약에 같다면,

 

"로그인 하셨습니다." 라고 경고창을 띄우는 것이고

그렇지 않다면 즉, 비밀번호가 다르다면

"비밀번호가 다릅니다." 라고 경고창을 띄우게 된다.