함수 prompt
함수 prompt는 데이터 입력 창을 띄웁니다.
첫 번째 매개변수로 사용자에게 보여줄 메시지를 받고,
두 번째 매개변수로 입력 필드의 기본 텍스트를 받습니다. 두 번째
매개변수는 필수가 아닙니다.
표시되는 창에는 텍스트 필드와
두 개의 버튼 - OK, CANCEL이 있습니다. OK를
클릭하면 - 사용자가 입력한
문자열이 반환되고, CANCEL을 클릭하면 - null이 반환됩니다.
구문
prompt(메시지, [기본 텍스트]);
예시
버튼을 클릭하면 사용자 이름을 묻고,
그 이름을 함수
alert로 출력해 보겠습니다:
<button id="button">click me</button>
let button = document.querySelector('#button');
button.addEventListener('click', function(event) {
let res = prompt('What is Your name?');
alert(res);
});
:
예시
사용자 이름이 이미 기본값으로 입력되어 있지만 사용자가 변경할 수 있도록 만들어 보겠습니다:
<button id="button">click me</button>
let button = document.querySelector('#button');
button.addEventListener('click', function(event) {
let res = prompt('What is Your name?', 'John');
alert(res);
});
:
