textareaの高さを自動調節したい（IEに対応させたい）

Question

textareaの高さを自動調節したいです。
現在、Chrome,safari,firefoxでは思うような動きができているんですがIEでのみ高さが調節されない状態です。
下記にHTML,CSS、JSのコードを入れておきますのでどなたかご教授よろしくお願い致します。

高さ調節の際に参考にしたサイト

<textarea class="send__field" maxlength="500" cols="30" rows="2"></textarea>

.send__field {
	display: block;
	width: 100%;
	height: 38px;
	max-height: 80px;
	padding: 8px 44px 8px 16px;
	border-radius: 19px;
	border: none;
	background: #F0F0F0;
	font-size: 16px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', 'Osaka', 'MS PGothic', 'YuGothic', 'Arial','Helvetica Neue','Helvetica',sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

$(function() {
　const sampleTextarea = document.querySelector('.send__field');
　　sampleTextarea.addEventListener('input', () => {
　　　sampleTextarea.style.height = "20px";
　　　sampleTextarea.style.height = sampleTextarea.scrollHeight + "px";
　　})
});

Answer 1

IEはアロー関数が使えません。
() =>これのことです。

なので、javascriptをこんな感じで直してみてはどうでしょう？

$(function() {
　const sampleTextarea = document.querySelector('.send__field');
　　sampleTextarea.addEventListener('input', function() {
　　　sampleTextarea.style.height = "20px";
　　　sampleTextarea.style.height = sampleTextarea.scrollHeight + "px";
　　})
});

アロー関数を元の（ES6でない）書き方にする方法に確信はないのですが、たぶんこれで動いたりしませんか？

アロー関数についてはこちらで解説されてます
https://qiita.com/zukkis/items/78c84d57f51d34d4990a
よくわからなかったら他の記事も見てみましょう

Comments

[Peeetaro]

ご回答ありがとうございます。
いただいたコードに書き直してみたところIEでも思うような動きを実現できました！
勉強不足で申し訳ありません。
いただいた記事もしっかり読ませていただきます。
ありがとうございました。