본문 바로가기
Front-End/JavaScript

[JavaScript] 자바스크립트 대화상자 (prompt, alert, confirm)

by 민바이민 2020. 12. 18.

JavaScript

자바스크립트의 대화상자

 

  • window.alert( ) : 사용자에게 메시지를 보여주고, 확인을 기다린다.
    alert( )  👈🏻 window는 생략 가능하다

alert

 

  • window.confirm( ) : 사용자에게 메세지를 보여주고, 확인이나 취소를 누르면 그 결과를  불린값으로 반환한다.
    ok를 눌리면 true no를 눌리면 false로 반환된다.
    confirm( ) 👈🏻 window는 생략가능하다
const result = confirm('확인 또는 취소를 눌려주세요.');
console.log(result);

confirm

 

  • window.prompt( ) : 사용자에게 메세지를 보여주고, 사용자가 입력한 문자열을 반환한다.
    prompt( ) 👈🏻 window는 생략가능하다
const name = prompt('이름을 입력하세요.');
console.log(name);

prompt

결과값

 

const num = prompt('원하는 숫자를 입력하세요.');
console.log(num + 10); //num 을 string 타입으로 값을 리턴한다.

결과값이 1010 으로 나온다. 결국은 num string으로 받아서 출력한다는 의미이다.
숫자로 결과값을 출력하고 싶다면, #명시적타입변환 을 사용해주어야 한다.

console.log(Number(num1) + 10);

댓글