본문 바로가기

Programming/JavaScript

BOM ( alert() , confirm() , prompt() )

BOM의 예시들을 알아보자.


HTML은 form을 통해서 사용자와 커뮤니케이션할 수 있는 기능을 제공한다.
자바스크립트에는 사용자와 정보를 주고 받을 수 있는 간편한 수단을 제공한다.

첫번째로 alert에 대해 알아보자.

alert은 경고창이라고 부른다 , 사용자에게 정보를 제공하거나 디버깅등의 용도로 많이 사용한다.
alert의 사용법은 앞서 설명했으니 패스한다.

두번쨰는 confirm이다.




예제를 살펴보면 스크립트 부분에서

if문의 조건을 적어주는 부분에 confirm을 실행시켰다.
confirm 또한 if와 같이 분기적인 흐름에 이용된다.
참값의경우 ok를 alert 시키고 , 거짓의 경우 cancel을 alert 시키도록 해놨다.


실행해보자.


실행시키면 다음과같이  확인 / 취소를 선택할수 있는 버튼이있는 박스가 뜬다.
확인을 누르면 코딩해논대로 참값을 반환하여 ok를 alert시키고 , 취소를 누르면 거짓을 반환하여cancel을 alert시킨다.



세번째는 prompt에 대해 알아보자.

prompt는 사용자가 입력한 값을 받아서 자바스크립트가 얻어낼수 있는 기능이다.

prompt('id?')를 콘솔에 적어보자




위와 같이 데이터를 입력받을 수 있는 프롬프트창이 뜬다,
그다음 데이터를 입력해보자.




프롬프트 창에 yeojaeng 이라는 내 별명을 적고 확인을 눌렀다.
그랬더니 'yeojaeng' 을 반환해준다.

'Programming > JavaScript' 카테고리의 다른 글

제어 대상 찾기 ( getElementsByTagName )  (0) 2017.11.06
BOM ( Location객체 , Navigator 객체 )  (0) 2017.11.04
BOM (Browser Object Model)  (0) 2017.11.04
HTML에서 Javascript 로드하기  (0) 2017.11.04
반복문  (0) 2017.11.03