반응형
<textarea id="myTextarea"></textarea>
<button onclick="showText()">Show Text</button>
<div id="myText"></div>
<script>
function showText() {
const myTextarea = document.getElementById("myTextarea");
const myText = document.getElementById("myText");
const text = myTextarea.value;
// Replace any occurrences of '\n' with '<br>' to preserve line breaks
const html = text.replace(/\n/g, '<br>');
// Set the innerHTML of the myText element to the HTML with preserved line breaks
myText.innerHTML = html;
}
</script>
반응형
'🌔Developers > JavaScript \ HTML' 카테고리의 다른 글
[HTML/CSS] 자바스크립트로 랜덤 구현하는 여러 방법 + 랜덤한 속도로 타이핑 효과 구현 (0) | 2023.07.03 |
---|---|
[HTML/JS] 특정 단어 또는 욕설 필터링하기 (0) | 2023.07.02 |
[HTML /JS] 이미지를 드래그 앤 드롭으로 업로드, 이미지 이름과 크기 변경하기 (0) | 2023.06.30 |
[웹개발] 사용자가 다른 탭 볼때 웹페이지 탭 타이틀 바꾸기 (0) | 2023.02.15 |