如何允许文本域trailingIcon可单击

<div class="text-area-container">
  <textarea id="myTextarea"></textarea>
  <span id="trailingIcon"></span>
</div>

.text-area-container {
  position: relative;
}

#trailingIcon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  /* 设置尾部图标的样式，例如使用背景图片 */
  background-image: url('trailing-icon.png');
  background-size: contain;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

var trailingIcon = document.getElementById('trailingIcon');
var textarea = document.getElementById('myTextarea');

trailingIcon.addEventListener('click', function() {
  // 在这里执行尾部图标被点击时的操作
  textarea.value = ''; // 清空文本域内容示例
});