Java Script

버튼 눌리면 경고메세지 보여주기

마하카사파 2011. 8. 13. 22:23

  안녕하세요?
  오늘도 인터넷의 스크립트 소스를 분석하는 시간입니다. 오늘 예제를 먼저 보시죠.

<input
type="button"
VALUE="경고 메세지를 보려면 이곳을 클릭 하세요"
onClick='alert("오우~! 재밋나여??")'
>

  이건데요. 무슨 내용인지 감이 오시는지... 먼저 input type="button" 이라는 부분은 html입니다. 즉 버튼을 만드는 거지요. 근데 값이 뭐냐면 VALUE뒤 부분이 값입니다. 즉 버튼이 만들어졌을때 저 값이 버튼 위에 쓰져있게되는겁니다. 그 다음에 나오는게 자바스크립트인데요. onClick은 말그대로 버튼을 클릭했을때 라는 뜻입니다. 그 뒤에 나오는 거는 우리가 예전에 배웠습니다. alert함수라고 뒤에 나오는 문자를 표시하면서 경고음과 함께 창을 나타나게 하는 함수였죠? 그러니깐 정리하면 onClick즉, 버튼을 클릭했을때 오우 재밋나여를 경고음과 함께 화면에 창으로 나타나게 하라는 말입니다.
  그럼 이게 무슨 코드인지 이해가 가시죠? 화면에 버튼하나 만들어 놓고 누르면 경고창을 보여주는 그런 코드입니다. 간단하죠? 간단하면서 유용하고 재밌을거 같습니다. 그럼 실행화면을 보면서 마칠까 합니다.