친절한효자손 취미생활

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



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

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


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


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







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

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





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


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

그걸 띄워줍니다.


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





이렇게 나옵니다. ㅎㅎㅎ

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


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





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

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


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





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


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

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





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





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





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


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

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





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


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

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





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

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





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





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

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


오케이3


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

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


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







알리익스프레스 할인

이 블로그를 후원해주실 분들을 모집합니다!

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

잠깐! 비밀로 남겨야 할 만한 내용인가요? 그렇다면 차라리 이메일을 보내주시기 바랍니다.

  1. Favicon of https://itandgame.tistory.com 아이티엔게임 2015.06.24 21:56 신고

    오호, 감사합니다 ㅎㅎ

  2. Favicon of https://itandgame.tistory.com 아이티엔게임 2015.07.22 20:12 신고

    코딩하다 질문이 생겼는데요...
    confirm 에서 "취소" 를 누르면 그 즉시 실행을 중단하고
    뒤로 갈 수 있게는 못하나요?
    PHP 와 자바스크립트를 이용해서 프로그래밍 중입니다..

  3. Favicon of http://kimkoonho91.tistory.com 김군호 2017.05.11 10:40 신고

    고맙습니다.