친한
40
2021-05-06 19:33:55
1
98

[HTML/Javascript] Textarea에 동적인 줄바꿈 값 삽입하는 방법


안녕하세요 선배님들 


다른 input 박스에 값을 입력하여, textarea에서 값을 표현하려고 합니다.

이때에 textarea에서 줄바꿈을 주고싶은데 <br> 값이나, \n 값을 줘도 효과가 없는것 같습니다.


혹시 조언 부탁드립니다.


(_ _)

0
  • 답변 1

  • 종로3가
    201
    2021-05-06 22:56:35 작성 2021-05-07 00:57:00 수정됨

    다음처럼 해 보시기 바랍니다. Input박스에 \n으로 테스트.

    Line1\nLine2\nLine3

    https://jsonformatter.org/html-viewer


    <!DOCTYPE html>
    <html>
    <body>
    
    <input type="text" id="myInput" oninput="myFunction()">
    <textarea cols='60' rows='8' id="demo"></textarea>
    
    <script>
    function myFunction() {
      str = document.getElementById("myInput").value 
      str = str.replaceAll('\\n', '\n');
      document.getElementById("demo").value = str;
    }
    </script>
    
    </body>
    </html>


  • 로그인을 하시면 답변을 등록할 수 있습니다.