사용자와 상호작용하는 대화상자 3가지

1.      alert() – 알려주는 용도 ex) 비밀번호가 틀렸습니다.

2.      prompt() – 입력 받는 용도 ex) 암호를 입력해주세요.

3.      confirm() – 확인받는 용도 ex) 정말 삭제하시겠습니까?

 

 

const name = prompt(“이름을 입력하세요.”);

alert(`안녕하세요, ${name}님`);

먼저 이름을 입력하라는 prompt가 뜨고, 이름을 입력해서 확인버튼을 누르면 name에 입력한 이름이 들어간 alert가 뜬다.

 

prompt에서 취소를 누르면 null을 반환

 

prompt에는 2개의 인수가 들어갈 수 있는데, 첫 번째 값은 메시지고 두 번째는 입력 받을 default 값이다.

const phone = prompt(“전화번호를 입력하세요.”, “010-0000-0000”);

 

 

alertconfirm의 차이점은 alert는 확인 버튼만 존재하지만 confirm은 확인과 취소 버튼이 함께 있다.

확인을 누르면 true, 취소를 누르고 false가 들어간다.

const isAdult = confirm(“당신은 성인 입니까?”);

 

 

이렇게 기본적으로 제공되는 창들은 간단하게 사용할 수 있지만 단점도 존재

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

2.      스타일링이 불가능

 

 

 

↓[코딩앙마] 자바스크립트 기초 강좌 링크

https://www.youtube.com/watch?v=4YK78dT4UUU 

 

'Study > JavaScript' 카테고리의 다른 글

[JavaScript] 기초 #5 - 기본 연산자  (0) 2021.08.30
[JavaScript] 기초 #4 - 형변환  (0) 2021.08.30
[JavaScript] 기초 #2 - 자료형  (0) 2021.08.23
[JavaScript] 기초 #1 - 변수  (0) 2021.08.23
[JavaScript] splice()  (0) 2020.12.21

+ Recent posts