他のテキストエリアにjQueryの結果を表示

Question

このjQuery関数を使用してhtmlタグを削除します。しかし、同じテキストエリアで動作します。結果を別のテキストエリアに表示したいここ

結果textarea

function removeHTMLTags() { 
 
    var val = $('#data').val(); 
 
    $('#result').val($('<div>').html(val).text()) 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 

 
<button type="text" onclick="removeHTMLTags();">Click</button> 
 
<br>Source: 
 
<br> 
 
<textarea id="data"><b>Hello</b> 
 
</textarea> 
 
<br>Result 
 
<br> 
 
<textarea id="result"></textarea>

に設定し、

function removeHTMLTags() { 
 
     $('#data').val(function (i, val) { 
 
      return $('<div>').html(val).text(); 
 
     }); 
 

 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 

 
<button type="text" onclick="removeHTMLTags();">Click</button> 
 
<br> 
 
Source: 
 
<br> 
 
<textarea id="data"><b>Hello</b></textarea> 
 
<br> 
 
Result 
 
<br> 
 
<textarea id="result"></textarea>

Answer 1

例

の代わりに同じテキストエリアに値を設定しています