[JavaScript] 대화 상자

반응형

alert()

 alert 는 무언가를 알려주는 역할을 한다.

 이 함수가 실행되면 확인 버튼을 누르기 전까지 메세지를 띄운다.

msg = '비밀번호가 틀립니다.';
alert(msg);

 

prompt()

 prompt 은 무언가를 입력 받는 역할을 한다.

pw = prompt('비밀번호를 입력하세요.');  // 정보를 입력받은 뒤 변수에 저장
console.log(`비밀번호는 ${pw} 입니다.`);

 

confirm

 confirm 은 무언가를 확인 받는 역할을 한다.

 

Q = confirm('18세 이상입니까?');
console.log(Q);

 

 alert 와 다른점이 있다.

 alert 는 확인 버튼만 존재했지만, confirm 은 취소 버튼도 함께 존재한다.

 

 확인 버튼을 누르면 true, 취소 버튼을 누르면 false 가 된다.

 

단점

 위 3가지 방법들은 간단하게 사용가능 하지만 단점도 존재한다.

 ● 스크립트 일시 정지

 창이 떠있는 동안 스크립트가 일시 정지된다.

 ● 스타일링 불가

 위치와 모양을 정할 수 없으며, 브라우저마다 모양이 다르다.

 

장점

 위와 같은 단점이 존재하지만 빠르고 간단하게 적용가능하기 때문에 많이 사용된다.