接入一言语句接口

<!-- 这段代码的功能是从指定API获取一条随机的句子（Hitokoto）并将它展示在HTML页面上 -->

<span id="hitokoto_text">:D</span> —— <span id="hitokoto_from_who">:D</span>「<span id="hitokoto_from">:D</span>」

<script>
  // 使用fetch API发起一个GET请求到'https://v1.hitokoto.cn'这个API地址
  fetch('https://v1.hitokoto.cn')
    // 当请求成功返回响应后，转化为JSON格式的数据
    .then(response => response.json())
    // 对JSON数据进一步处理
    .then(data => {
      // 获取页面中id为'hitokoto_text'的元素，并将其文本内容设置为API返回的hitokoto字段值
      const hitokoto_text = document.querySelector('#hitokoto_text');
      hitokoto_text.innerText = data.hitokoto;

      // 获取页面中id为'hitokoto_from'的元素，并将其文本内容设置为API返回的from字段值
      const hitokoto_from = document.querySelector('#hitokoto_from');
      hitokoto_from.innerText = data.from;

      // 获取页面中id为'hitokoto_from_who'的元素，并将其文本内容设置为API返回的from_who字段值
      const hitokoto_from_who = document.querySelector('#hitokoto_from_who');
      hitokoto_from_who.innerText = data.from_who;
    })
    // 如果在上述过程中出现任何错误，则在控制台输出错误信息
    .catch(error => console.error(error));
</script>