코어 자바스크립트 개념 공부- alert, prompt, confirm을 이용한 상호작용

자바스크립트 미니 프로젝트 클론코딩을 진행하다가 자바스크립트 개념이 부족한 느낌을 받아서 이론공부를 시작했다.

https://ko.javascript.info

모던 JavaScript 튜토리얼

 

 

alert

메세지가 있는 작은 창을 모달 창(modal window)라고 부르고, 모달이란 단어에는 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어 있다. 확인버튼을 눌러야 상호작용이 가능하다. 모달창이 떠있는 동안은 스크립트 실행이 일시중지된다.

 

prompt

브라우저에서 제공하는 함수로, 두 개의 인수를 받는다.

result = prompt(title, [default]);

title: 사용자에게 보여줄 문자열

default: 초깃값

[default]에서 대괄호의 의미: 이 매개변수가 필수가 아니라 선택값이라는 것을 의미한다.

IE에서는 기본값을 항상 넣어줘야 해서

 

let test = prompt('test', '');

이런식으로 두 번째 매개변수를 항상 전달해주는걸 권장한다.

 

confirm

질문과 확인 및 취소 버튼이 있는 모달 창을 보여준다.

let isBoss = confirm('사과를 좋아하나요?');

alert(isBoss); // 확인 버튼을 눌렀다면 true가 출력된다.