Fullscreen text area without JQuery

Question

How to make fullscreen textarea without Jquery or any library?

let el = document.getElementById('#t')

const fullScrenn = () => {
	  //there way to do that . 
}
 

<textarea id="el" cols="30" rows="10"></textarea>

<button onclick="fullScrenn()">Full Screen</button>

Answer 1

'use strict';
document.querySelector('#myButton').addEventListener('click', () => {
  document.querySelector('#myTextarea').style.width="100vw";
  document.querySelector('#myTextarea').style.height="100vh";
});

<textarea id="myTextarea" cols="20" rows="20"></textarea>
<button id="myButton">Full Size</button>

Just set the width and height of the textarea to 100vw (the width of the screen) and 100vh (the height of the screen).

Alternatively you could use window.innerWidth and window.innerHeight instead of those values.