textarea에 입력시 다른 textarea 들에도 실시간으로 같은 내용 입력되게 하기

눈누 구글폰트 입력시 내용 변화.zip

0.00MB

예제 사이트 : 눈누(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로 받아와야만 되는 것 같음... 

 

소스