[자바스크립트 기초] Alert(경고창), Confirm(선택창), Prompt(입력창) 알아보기

[자바스크립트 기초] Alert(경고창), Confirm(선택창), Prompt(입력창) 알아보기



오랫만에 자바스크립트 포스팅을 하나 하도록 할께요.

지금 엄청나게 밀려있는데...ㅠ_ㅠ 바빠서 못하고 있어요...


그리고..요새 프로그램 슬럼프에 빠져서...뇌에 안들어 오네요...ㅠ_ㅠ


어쨌든! 아는만큼 무조건 포스팅 할께요^^







이번 시간은, Alert , Confirm, Prompt 스크립트 용어에 대해서 어떤건지

짤막하게 스크린샷을 보면서, 이용부분도 한번 알아보도록 하겠습니다.





우선, Alert (경고창) 의 사용법 입니다.


익스플로러에서 노란색 삼각형안에 느낌표 있는 경고창 아시나요?

그걸 띄워줍니다.


위의 예시대로 작성하고, 익스플로러에서 시험을 해 보도록 하겠습니다.





이렇게 나옵니다. ㅎㅎㅎ

확인버튼을 누르면 사라집니다.


사용용도는, 뭔가 중요한 알림을 알릴때 쓰면 좋겠쬬???





그리고, Confirm 은 선택창 인데요,

우선 if문을 써서 한번 활용을 해 보겠습니다.


대체적으로 Confirm은, if 문과 같이 오는 경우가 많이 있습니다.





이렇게 선택하는 창이 나오지요^^


확인과 취소를 누를때 각각 실행되는게 달라지게 되는데,

그래서 필요한 것이 IF 문 입니다.





확인을 눌렀을때 이런 문구가 나오게 했구요^^





이번에는 취소를 눌러볼까요???





이렇게 취소를 선택했을때 다른 문구가 나옵니다.


각 버튼을 누를때마다 실행되는 것들은,

각자 마음에 드는 것으로 마음대로 하면 됩니다^^





이번에는 Prompt (프롬프트) 입니다.


이건 뭐냐면, 사이트 회원가입때 많이 나오는 부분 중 하나이지요^^

바로, 직접 입력값을 받아서 입력하는 부분입니다.





이름을 입력하라고 이렇게 나옵니다.

그러면 여기서 입력한 값이 그대로 스크립트 안에 저장이 됩니다.





이름을 알려주세요~ 이 문구는 맘데로 바꾸면 됩니다. ㅎㅎㅎ





입력받은 문장을 출력하게 설정했습니다.

이런식으로 프롬프트창을 활용할 수 있습니다.


오케이3


이렇게 활용을 하실 수 있구요,

나중에 계산기 라던지~ 저번에 보여드린 비만도계산기도 프롬프트가 들어갔다고 보심 되겠습니다^^;


그러면, 다음에 또 유익한 내용으로 뵙도록 하겠습니다^^







기어베스트 앱

이 글을 공유하기

댓글(6)

Designed by JB FACTORY