예제 사이트 : 눈누(https://noonnu.cc/) , Google fonts(https://fonts.google.com/)
input이나 textarea에 글을 입력하면 실시간으로 그 value를 받아와 다른 input/textarea에도 내용을 반영해주는 코드
HTML
CSS
jQuery로 짤 때는 이렇게
vanilla JS (JavaScrpt 로만 짤 때는 이렇게)
changeThis (바뀌는 영역)은 innerHTML을 하든 textContent를 하든 innerText를 하든 value를 하든 상관 없는데
바뀌는 값을 받아오는 changeText는 value로 받아와야만 되는 것 같음...
소스
'CSS&JS > ⚡Thinkers' 카테고리의 다른 글
| checkbox 전체선택, 전체해제.... 한 페이지에 아이템이 여러개 있을 경우 / 여러페이지 일괄 적용 가능한 vanilla JS (0) | 2020.01.30 |
|---|---|
| 바닐라 자바스크립트로 자동재생 되며 재생/멈춤 버튼, 페이저, 이전페이지 다음페이지 버튼 있는 슬라이드 만들기 (0) | 2020.01.23 |
| 경ㄱ ㅣ도청 홈페이지 서브메뉴 (0) | 2020.01.03 |
| CSS 만으로 input의 label을 이용하여 floating label 만들기 (0) | 2019.12.19 |
| sticky Header(2) 스틱키 헤더 - 자바스크립트 없이 CSS만으로 스티키헤더 만들기 (0) | 2019.08.27 |