HTML5 Vanilla Js. textarea(replace메서드, 개행) 오늘 별거도 아닌걸로 겁나게 헤맸다.. textarea를 사용해서 입력한 값을 저장해서 불러오는거였는데.. 줄 바꿈이 안되네? 후, 그래서 찾아보았다. 개행하는 법! 하지만 개행 이후에도 고난이 있었으니.. 바로 코드 들어가겠습니다. HTML코드 click 오늘의 주인공 textarea 태그의 입력값을 클릭을 누르면 p태그에 출력이 되도록 하겠습니다. Javascript 코드 const input = document.querySelector("#textInput"); const output = document.querySelector("#textOutput"); const click = document.querySelector("#click"); click.addEventListener("click", .. 2023. 2. 21. HTML. input button 과 button의 차이점 안녕하세요, 오늘은 요며칠 동안 엉뚱한 짓을 하면서 생각이든 2023. 2. 14. 한동안 공부 업데이트가 뜸했다. 이유인즉슨..패스트캠퍼스 유료강의 하나를 듣는데 제이쿼리 코드로 다조졌기 때문이다.. 나는 제이쿼리 코드를 처음봤다..기본개념도 없다..뭐 다행?인지 불행인지 그 코드들은 강의자료에 완성본이 있었다. 하지만 나는..이전에도 그랬지만 코드를 뜯어서 재구축하고 새로운 기능을 넣는걸 즐기는 뭔가 이상한 놈이다. 그래서 지금 일주일 내내 검색으로 모르는걸 다 조지고 원하는 기능 같은걸 넣는 과정에 남이 짜놓은 코드다 보니 중간중간 혼선이 와서 다시보고 또 보고..하다보니 결국 일주일이 넘도록 공부내용을 업데이트 하지 못 했다는 것 이다. 잡고있는 이 코드는 주말까지 물고, 뜯고, 맛보고, 즐긴 후 다음 주 부터 새로운 공부내용을 업데이트 하겠다..끝~ 2023. 2. 10. Vanilla JS. DropDown Menu(feat. CSS) * 오늘은 자바스크립트로 드롭다운 메뉴 만들기 도전 * 저번에 못 만들고 타협해서 셀렉트 박스로 바꿨었는데 // class에서 dropdown과 closed 2가지를 선언 DropDown ✓ 유튜브 menu 2 menu 3 menu 4 * class에서 띄어쓰기를 하면 하나의 class가 아닌 다른 class로 선언된다. body { margin: 0; font-family: Courier New; font-size: 20px; } ul { margin: 0; padding: 0; list-style-type: none; } a { text-decoration: none; color: black; } .dropdown { transition: all 0.2s ease-in-out; overflow: hi.. 2023. 1. 16. 이전 1 2 다음
