JavaScript实现点击表情添加到评论框

    可以使用JavaScript来实现在点击表情后将其添加到评论框中。

    首先，需要为每个表情图标创建对应的HTML元素（如<img>）并设置好相关属性，比如src、alt等。然后，通过事件处理函数来获取被点击的表情图标，再将该图标的信息或者URL地址添加到评论框中。

下面是一个示例代码：

<!-- HTML部分 -->
<div id="emojis">
    <img src="smile.png" alt="Smiling Face" onclick="addEmoji('😊')"> <!-- 第一个表情图标 -->
    <img src="heart.png" alt="Heart" onclick="addEmoji('❤️')"> <!-- 第二个表情图标 -->
</div>
 
<textarea id="comment"></textarea><!-- 评论框 -->
 
<!-- JavaScript部分 -->
<script>
function addEmoji(emoji) { // 定义一个函数来添加表情到评论框
    var commentBox = document.getElementById("comment"); // 获取评论框元素
    commentBox.value += emoji; // 将表情添加到评论框内容的最后
}
</script>

    上述代码中，我们为两个不同的表情图标都添加了onclick事件处理函数，当点击这些图标时会调用addEmoji()函数，并传入所选表情作为参数。在addEmoji()函数中，我们获取到评论框的元素，并将表情直接添加到评论框的值（content）之后。