사용자가 입력한 내용으로 메시지 띄우기

  안녕하세요?
  오늘도 소스코드를 보며 분석해 보는 시간을 가지겠습니다. 오늘은 텍스트박스에 글자를 입력하고 버튼을 누르면 그 입력한 내용으로 경고메시지를 출력하는 소스입니다. 아래 소스를 함께 보시죠.

<script language="JavaScript">
<!--
function seeTextArea(form) {
        alert(form.myarea.value);
}
// -->
</script>

<form name="myform">
<textarea name="myarea" cols="40" rows="5"></textarea>
<input type="button" name="button3" value="누르세요" onClick="seeTextArea(this.form)">
</form>

자바스크립트 소스에 함수가 하나 있습니다. seeTextArea인데요. 인자로 form을 받습니다. 이 form은 아래 form name="myfom"의 form입니다. 그래서 이 form에서 사용된 모든 컨트롤들을 제어할수 있습니다. 그다음에 alert함수가 나옵니다. 이건 배웠죠. 경고메시지를 표시하는거요. 뒤의 내용으로. 뒤의 내용을 보면 form.myarea.value입니다. 이말은 form의 myarea는 textarea name="myarea"로 되어있으니깐 textarea를 얘기하는거구요. value라고 하는 것은 그 textarea상자안에 쓰여져 있는 글자값을 얘기합니다. 예를들어 글상자안에 "안녕하세요" 이렇게 썼다면 value의값은 안녕하세요가 됩니다. 정리하면 textarea이름 myarea안의 값 value로 alert 경고창을 표시하라하는 것입니다.

  아래에 있는 form에 texarea가 있고 밑에 button이 있는데 onClick즉 버튼을 눌렀을때 seeTextArea함수를 호출하는데 인자값으로 폼을 전송해야 겠지요? 그래서 this.form이라고 했습니다.

  이해안가시는 부분이 있으신가요? 다들 이해하셨으리라 믿고 실행결과를 보면서 마치겠습니다. 그럼 다음시간에 또 만나요~

                                     초기화면입니다. 글상자에 글을 입려하고 누르세요버튼을 누르면

                                   글상자의 내용으로 메시지 창이 뜹니다.