TAG
JavaScript
Result
Run
License
<p> <input type="text" id="addtext" /> <button type="button" id="btn-add">Add</button> </p> <p id="output">Add any text.</p>
window.addEventListener("load", () => { const elAddtext = document.getElementById("addtext"); const elAddBtn = document.getElementById("btn-add"); const elOutput = document.getElementById("output"); elAddBtn.addEventListener("click", () => { let addText = elAddtext.value; // 개행을 위한 새로운 행을 의미하는 n 문자를 이스케이프(escape)한다. elOutput.textContent += "\n" + addText; // 표현된 텍스트대로 화면에 출력하기 위해서 white-space 속성을 pre-line으로 처리한다. elOutput.style.whiteSpace = "pre-line"; }); });
Console
expand_less
License
License
by DevDic
Close