जावास्क्रिप्ट का उपयोग करके ऑटो-रिसाइज टेक्स्ट एरिया बनाना

जावास्क्रिप्ट का उपयोग करके ऑटो रिसाइज टेक्स्ट एरिया बनाने के लिए कोड निम्नलिखित है:

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } </style> </head> <body> <h1>Creating auto-resize text area</h1> <textarea class="resizeArea"></textarea> <script>    let BtnEle = document.querySelector(".Btn");    let addrEle = document.querySelectorAll(".addr");    let resizeEle = document.querySelector(".resizeArea");    resizeEle.addEventListener("input", resizeTextArea, false);    function resizeTextArea() {       this.style.height = "auto";       this.style.height = this.scrollHeight + "px";    } </script> </body> </html>

आउटपुट

टेक्स्ट एरिया में टेक्स्ट पेस्ट करने पर, एरिया निम्नानुसार एक्सपैंड होगा: