이제 코드를 바꿔서 'clicked!!' 라는 팝업창을 띄우지 않고 사용자가 박스안에 직접 입력한 내용을 팝업창으로 띄워 보겠습니다.  먼저 다음과 같이 입력창에 아이디를 부여합니다.    그 다음은 자바스크립트의 alert("clicked")를 다음과 같이 바꿉니다  alert(document.getElementById("my-input").value)     위 코드가 무슨 작업을 진행하고 있는지 이해가 되시나요? 문서 또는 HTML 페이지 안의 아이디 'my-input'을 가진 구성요소의 값을 팝업창으로 띄우고 있습니다.  이를 실행해 보면 박스 안에 어떤 내용이 입력되어도 팝업창으로 출력이 됩니다.  아래와 같은 코드에서 어떤 부분을 수정하면  위에 설명한 것처럼 무엇을 입력해도 팝업창으로 뜨도록..

앞의 글에서  클릭을 통해서 팝업창을 띄우고 스타일을 바꾸는 법에 대해 알아 보았습니다. 이제 텍스트박스안에 입력되어진 사용자의 정보를 가져오는 법에 대해 알아보겠습니다.       홈페이지를 검색하다보면 텍스트를 입력한 다음 그안의 내용을 서버에 제출하는 홈페이지 구성을 자주 보셨을겁니다  아래와 같은 모습입니다.   위의 박스안에 글을 입력하고 submit을 누르면 박스안에 입력된 자료가 지정한 서버로 송출이 되어집니다.  그럼 예제를 통해 연습해 봅시다 문제) 페이지에서 링크와 자바스크립트를 삭제하고 텍스트영역을 만들어라. 그리고 'submit'라는 이름의 버튼을 추가한다. 버튼을 클릭하면 "click!"라는 팝업창이 뜨도록 설정한다. 먼저 충분히 생각해 보시고 아래의 정답을 보시기를 권장합니다  ..

자바스크립트를 이용한 스타일 변형의 예를 들어보자 1. 텍스트를 파란색으로 바꿔라 2. 텍스트에 밑줄을  그어라 (textDecoration을 사용해야 한다) 3. 텍스트 크기를 20픽셀로 바꾸고 오른쪽으로 정렬하라.  아래 그림의 코드를 수정해서 위의 조건을 완성해 보세요 위의 코드를 수정해서 위의 조건을 완성하면 아래 그림이 나온다.       박스안의 글을  누르면 그림이 선명해집니다     소스코딩 보기