alert, confirm, prompt 3형제?! 사용법

3가지 모두 작은 창을 띄워서 각각의 역할을 수행한다.

아래에 샘플을 보여주겠다. 간단한 명령어이기 때문에 크롬에서 개발자도구의 콘솔창을 이용했다.

alert는 메시지를 출력해주고

confirm은 Yes / No중에 선택하게 하고

prompt는 글자를 입력받는다.

사진에서 알 수 있듯이 alert, confirm, prompt사용법은 아래와 같다.

alert("띄우고 싶은 메시지");

confirm("띄우고 싶은 메시지");

prompt("질문하고 싶은 내용", "입력창에 미리 입력되있을 값");

여기서 prompt는 입력창에 입력될 값을 적지 않아도 된다. 예를들면 이렇게

prompt("날씨가 좋네요");

사용법은 이걸로 끝.

중요한건 alert는 메시지만 띄워주면 되니까, 그렇다 치더라도 나머지 2명은 사용자에게 무언가를 입력 받았는데 이거를 어떻게 활용할 수 있는가? 생각될 수 있다.

위에 사진에서 보면 파란색의 내가 친 명령들 말고 undefined, true, "이름을 입력해봐", "몰라요", false가 보이는데 이런것들을 반환값이라고 한다.

반환값은 그러니까 어떠한 명령이 수행된 다음에 돌려받는 값이라고 생각하면 된다. alert는 단순 글자를 출력한거니까 반환값을 가지지 않아서 undefined라고 되어 있고,

confirm은 내가 확인을 눌렀을때는 true, 취소를 눌렀을때는 false를 반환값으로 가진다는 것을 알 수 있다.

그리고 prompt는 내가 입력한 문자열(글자)을 반환값으로 가진다.

그러면 만약에 내가 나이를 입력받아서 입력받은 나이를 바로 alert로 띄워주고 싶다면??

alert(prompt("나이를 입력해봐"));

이렇게 입력한다면 나이를 입력받으면서 만약에 21을 입력했다면 prompt("나이를 입력해봐")는 반환값 "21"로 대체된다.

즉 alert("21");이 되는거고 입력 즉시 21을 띄우게 된다. 

alert 안에 confirm을 넣어서도 똑같이 활용할 수 있다..

끝... 설명하기 너무 어렵다... 다른 블로거들은 엄청 잘 설명해놨던데.. ㅜㅜ