함수 prompt

함수 prompt는 데이터 입력 창을 띄웁니다. 첫 번째 매개변수로 사용자에게 보여줄 메시지를 받고, 두 번째 매개변수로 입력 필드의 기본 텍스트를 받습니다. 두 번째 매개변수는 필수가 아닙니다.

표시되는 창에는 텍스트 필드와 두 개의 버튼 - OK, CANCEL이 있습니다. OK를 클릭하면 - 사용자가 입력한 문자열이 반환되고, CANCEL을 클릭하면 - null이 반환됩니다.

구문

javascriptprompt(메시지, [기본 텍스트]);

예시

버튼을 클릭하면 사용자 이름을 묻고, 그 이름을 함수 alert로 출력해 보겠습니다:

html<button id="button">click me</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function(event) {
  let res = prompt('What is Your name?');
  alert(res);
});

Результат:

예시

사용자 이름이 이미 기본값으로 입력되어 있지만 사용자가 변경할 수 있도록 만들어 보겠습니다:

html<button id="button">click me</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function(event) {
  let res = prompt('What is Your name?', 'John');
  alert(res);
});

Результат:

함께 보기