[JavaScript] 창 띄우기 Prompt / Confirm

페이지에 간단한 창을 띄울 수 있는 간단한 방법 소개 !

 

Confirm

 

let check = confirm("등록하시겠습니까?");

 

위와 같이 코드를 작성하고 실행하면 아래 사진과 같은 창이 뜨게 됩니다.

Confirm 창

 

확인을 누르면 true 값이, 취소를 누르면 false값이 check 변수에 담기게 됩니다. 상황에 맞춰서 조건을 주고 사용하면 될 것 같습니다.

 

 

 

 

Prompt

 

1. 기본 형태

let password = prompt("비밀번호를 적어주세요.");

 

위와 같이 코드를 작성하고 실행하면 아래 사진과 같은 창이 뜨게 됩니다.

prompt 창

 

값을 입력한 후 확인버튼을 누르면 input에 입력 된 값이 password 변수에 저장되고, 만약 아무값도 입력되지 않은 채로 확인버튼을 누르면 빈 값(" ")이 저장됩니다. 취소버튼을 누르면 null값이 password 변수에 저장됩니다.

 

 

 

 

2. default 값이 있는 형태

let new_name = prompt("수정 할 닉네임을 적어주세요.", "꾸미");

 

 Prompt 창에는 아래의 사진과 같이 미리 입력되어있는 default 값을 설정해줄 수 있는 기능도 있는데 위의 코드를 사용하면 됩니다.

default 값이 들어있는 prompt

 

 

 

+ Prompt 창에서 여러 값을 입력 받고 싶을 때

Prompt 창을 여러번 사용하면 됩니다 ㅋㅋㅋ 코드 위에서부터 순서대로 Prompt 창이 뜨게 됩니다.

let new_name = prompt("수정 할 닉네임을 적어주세요.", old_name);
let new_text = prompt("수정 할 텍스트를 적어주세요.", old_text);