JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<form>
<textarea  id="textArea1" style="height: 100px; width: 468px;"></textarea><br />
<br />
<input onclick="myFunction()" type="button" value="Flip Text" /><br />
<br />

<textarea id="textArea2" style="height: 100px; width: 468px;"></textarea>
 
</form>

</body>
</html>

JavaScript

function myFunction() {

  document.getElementById("textArea2").value =  document.getElementById("textArea1").css('transform', 'rotate(180deg)');
  
}