textarea컨트롤 질문드립니다~

네이버 유해 게시물 신고 페이지를 따라해보려고합니다;;
주소는 위와 같습니다;

네이버가 쓰는 방식이 어떻게 하는 방식인지는 모르겠습니다만 신고대상 url을 누르고 추가를하면
아래에 내용이 추가되는 형식이더라구요;;

똑같이 구현하고싶지만 똑같이 구현하는건 너무 힘들것 같아 textarea로 따라해볼까합니다 ㅠㅠ

input박스가있고 그 input에 내용을 적은 후 확인버튼을 누르면 textarea에 내용이 추가된 후 엔터 처리가 되는방식으로 만들고 싶은데 재가 기술이 안되네요 ㅠㅠ

인풋에 "책 11권" 을 입력하면 textarea에

"
책 11권
|
"

이렇게 해서 "|"위치가 되는거죠;; 그래서 또 다른 내용을 추가하면
"
책 11권
책 12권
책 13권
|
"
이렇게 쭉쭉 추가할 수 있게요;;

textarea은 수동으로 수정할 수 없도록 읽기전용으로 해야될듯합니다;;

이거 어떻게 구현하는 방법없을런지요?? ㅠㅠ