How to rotate TextArea text by 180 degree using JavaScript

Question

I am trying to rotate all alphabets, number and symbols in 180 degree, simply I mean rotating text upside down. But the code is not working, what I am trying to do is possible with this code?

Note: I want to rotate the text written inside TextArea not want to rotate the TextArea.

JsFiddle

Code:

user_10033584 · Answer

Change your function content from

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

to

document.getElementById("textArea1").style.transform  = 'rotate(180deg)';

user_5034193 · Answer

within youe textarea style=""add transform property as

you asked on button click you have to rotate so under clickFunction you have add a line as:

clickFunction(){
   document.getElementById('textArea1').style.transform = 'rotate(180deg)';
}

user_10299508 · Answer

function myFunction() {

  document.getElementById('rotatedText').innerText = document.getElementById("inputArea").value;
}

#rotatedText {
  width: 468px;
  border: 1px solid #000;
  margin-top: 5px;
  
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}





  
    I AM READY TO FLIP.

How to rotate TextArea text by 180 degree using JavaScript

3 Answers