如何在 HTML 页面上呈现 Emoji API？

Question

我是初学者，我正在寻找从我的项目页面上的“emojihub”API 渲染表情符号。它随机生成一个表情符号并以 json 对象发送数据：

{
    "name": "baby, type-6",
    "category": "smileys and people",
    "group": "person",
    "htmlCode": [
        "👶",
        "🏿"
    ],
    "unicode": [
        "U+1F476",
        "U+1F3FF"
    ]
}

我希望在我的页面上渲染生成的表情符号，API 文档说要使用 htmlCode，但我在让它投影实际的表情符号时遇到问题。我尝试通过图像 ID（因为它与另一个后台 API 重叠）及其自己的容器来完成此操作。我当前的代码如下所示：

function getEmojiApi() {
  var emojiApi = 'https://emojihub.yurace.pro/api/random/category/smileys-and-people'
  
  fetch(emojiApi)
    .then(function (response) {
    console.log(response.status)
    console.log(response)
    return response.json();
  })
  .then(function(data) {
    var emojiResults = document.getElementById('emoji');
    emojiResults.textContent = data.htmlCode
  })
    console.log("test2")
}

此代码的 HTML 如下所示：

                    <div id="genResults">
                        <img id="imageResults">
                        <p id="emoji"></p>
                    </div>

imageResults id 用于背景生成器，它将背景投影到我想要将表情符号嵌套在其中心的页面上的块中。我的代码中没有任何错误，API 响应它只是发送实际的 htmlcode 或 unicode，而不发送表情符号本身。我已经尝试过 .textContent 以及 .src （我仍然很新并且正在学习）。任何帮助都会很棒。谢谢！

Answer 1

只需将其放入聊天中...我希望在这里发布此内容没有错，我是新手... https://chat.openai.com/share/2a9d9a40-a7ff-40e4-820a-b79bf907756c