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

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

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

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

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

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

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

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

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

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

그걸 띄워줍니다.

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

이렇게 나옵니다. ㅎㅎㅎ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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