JSFiddle - React, Tailwind, and code Playground

by Rolf

HTML

<p id="source-text">Ein Ring, sie zu knechten
sie alle zu finden
ins Dunkel zu treiben
und ewig zu binden</p>

<button id="to-textarea">Ăśbertragen</button>
<br><br>
<textarea id="target-area"></textarea>

CSS

#source-text {
  white-space: pre-line;
}

#target-area {
  width: 100%;
  height: 10em;
}

JavaScript

document.getElementById("to-textarea").addEventListener("click", function() {
	let text = document.getElementById("source-text").textContent;
  document.getElementById("target-area").value = text;
})