前提・実現したいこと
textareaを、改行に応じて自動で高さが変わるようにしたいと考えています。
jQueryは使わずにJavaScriptで描きたいのですが、初心者のためうまく書けません。
jQueryを使った書き方は見つける事が出来たのですが、これをJavaScriptに直すとどうなりますか?
発生している問題・エラーメッセージ
HTML <textarea id="textarea"></textarea> CSS #textarea { width: 200px; padding: 8px; line-height: 20px; } jQuery $(function() { var $textarea = $('#textarea'); var lineHeight = parseInt($textarea.css('lineHeight')); $textarea.on('input', function(evt) { var lines = ($(this).val() + '\n').match(/\n/g).length; $(this).height(lineHeight * lines); }); console.log($textarea) });