Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

목록원리위주 (1)

클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

문서 객체 모델(DOM) 4 - 인풋 태그와 이미지 태그 실습해보기 + 코딩 공부법

이전 실습과 비슷하지만 이번에는 사용자가 임의로 입력한 input 태그의 입력값을 가져오는 실습을 진행해볼 것이다.   인풋 실습해보기  사용자가 어떤 내용을 입력하고 클릭 버튼을 누르면 해당 내용이 알림창을 통해 나타나는 실습이다. 이전까지는 h1, p 태그 등 개발자가 미리 만들어놓은 텍스트로 추출했다면 이번에는 사용자가 입력한 데이터를 추출한다.   1. HTML 파일 만들고 기본적인 내용 입력하기 기본적인 내용을 작성했으니 이제 script에 코드를 작성해보겠다.    2. input 태그 안의 내용을 alert 창으로 출력하기   하지만 입력된 값이 결과로 나오지 않았다. innerText와 innerHTML은 안에 있는 글자를 가져오는 것이다. input 태그와 p 태그의 차이는 닫는 태그의 ..
웹 · 앱 개발/자바 스크립트 2024. 11. 22. 10:41
이전 Prev 1 Next 다음