자바스크립트 입력창(input) 출력창(ouput)

By @lepamah2/13/2018kr

HTML CSS 자바스크립트 프로젝트 함.

css의 div class로 네모칸 구역 나누고
자바스크립트로 입력/출력 만들어야함.

그런데 나 태그 모름.

그래서 인터넷에서 펌
출처는 https://blog.naver.com/jurion/220152758069

textarea의 rows와 cols를 내가 원하는 크기대로 조정 함.


이런거 글쓰고
'입력받기' 버튼 누르고...




http://postfiles2.naver.net/MjAxODAyMTNfMjY0/MDAxNTE4NTExNTc1MzIz.U1Wq9FE8dsQ42CZ1rPNzxhW-Tk6HCQmGCOf7BKukk28g.8j8tMm4ZJINpvpaLCmVrO9rnEdCvcVtB04waEq8qV8gg.PNG.hodini/%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0.PNG?type=w3

'출력하기' 버튼 누르면 오른쪽에 출력됨.
그런데 버튼을 2번 눌러야하니까 하나로 통합할꺼.




http://postfiles2.naver.net/MjAxODAyMTNfMjQg/MDAxNTE4NTExNTc1NTYw.I4N8xRfbUyjvEh6iuD2M0QynrSt8HAqh_P7DzOn-84Qg.GiAFZGXu8psuH5OykTXU52NKg7g90OwFFbHeEzClYP8g.PNG.hodini/%EC%9D%B4%EB%B6%80%EB%B6%84%EC%9D%84.PNG?type=w3

http://postfiles12.naver.net/MjAxODAyMTNfMjE3/MDAxNTE4NTExNTc1NjY2.7wC-rwf1QidnYjQobnpkXVfOE0R19d5u3mf8M6t3r8Ig.O4Vla121llkvI2dAzaFAZqtUfacvkNu-eM4m_0OK5SAg.PNG.hodini/%EC%A0%9C%EA%B1%B0.PNG?type=w3

자바 스크립트 부분중 저 드래그 부분을 지움.
그럼 하나로 묶여짐.
난 묶는방법 몰랐음.
내 옆에 뒤에 앉는 같은조 어떤애가 알랴줌.




http://postfiles3.naver.net/MjAxODAyMTNfMjMw/MDAxNTE4NTExNTc1NDc0.GCosB25rnyWbmruq9ctbimwf9BSSvjfC1K4wcIIW7yAg.8QfgmU1qggEtP9hMOaqzv5eU_ucvE4_jOlZrY0IHfs4g.PNG.hodini/%EB%B0%94%EB%94%94%EB%B6%80%EB%B6%84%EC%9D%84.PNG?type=w3

http://postfiles5.naver.net/MjAxODAyMTNfOTYg/MDAxNTE4NTExNTc1NzU5.p7DO0cBKigR5bUhAoKY9koe17eB-rRoOpsgPz8z7SDsg.TpJ4FJklgrezZkNkV-3ixFRn9sk0u12zK9x5ZWaZPLYg.PNG.hodini/%ED%86%B5%ED%95%A9.PNG?type=w3

그리고 불필요한 버튼도 지움.
띄어쓰기(스페이스바)는 & nbsp; 로 써야하는 것처럼, &은 & #38; 로써야한다.




http://postfiles4.naver.net/MjAxODAyMTNfODcg/MDAxNTE4NTExNjk1OTY0.A_Jb0tI1oCQ14lgrvspNhvX23-EI0sbgyLPcY6auejwg.4jzAQIiIDYLKwvhJcDXuIzPMMnUb2x8pqg4I0GgvMUAg.PNG.hodini/%EB%B2%84%ED%8A%BC%EB%AC%B6%EC%9D%8C.PNG?type=w3

그럼 저 버튼 한번만 누르면 출력가능.

http://hodini.blog.me/221208034304
네이버 블로그에는 태그 있어도 잘 나오는데 스팀잇은 자체 마크다 언어라 태그가 안올라짐.
어케 올리는 방법 없낭

5

comments