ChatGPT 聊天机器人 - 免费体验 AI 聊天

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="basic-portfolio-area ptb-10">
        <div class="filter-menu text-center mb-40">
          <h3>独立站点</h3>
        </div>
        <div class="call-to-action-area gray-bg ptb-60">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <div id="edit_grents" style="margin-bottom: 20px;"></div>
                <p><span style="color:red"></span></p>
                <div style="display:flex">
                  <button id="edit_openaikey" onclick="viewGrants()" class="form-control" style="width:100%;background-color: #f4f4f4; color: #333; border: 1px solid #ccc; border-radius: 2px;">
                    查看费用
                  </button>
                </div>
                <br>
                <textarea class="form-control" id="chat-gpt-input" placeholder="输入描述，提示：如需要连续同一个话题，请不要删除提问的问题" rows="3" resize="none" style="width: 100%; margin: 0 auto; background-color: #f4f4f4; color: #333; border: 1px solid #ccc; border-radius: 12px;"></textarea>
              </div>
            </div>
            <div class="col-md-2 col-sm-3 col-xs-12">
              <div class="call-to-action">
                <button id="answer" onclick="callCHATGPT()" autocomplete="off" class="btn btn-large" href="#" style="background-color: #333; color: #f4f4f4; border-radius: 10px">回答</button>
                <br>
                <br>
                <button onclick="save()" autocomplete="off" class="btn btn-large" href="#" style="background-color: #333; color: #f4f4f4; border-radius: 10px">保存</button>
              </div>
            </div>
            <div class="col-md-9 col-sm-9 col-xs-12">
              <div class="form-group">
                <label></label>
                <textarea class="form-control" id="chatgpt-response" placeholder="长途访问，请耐心等待回答 Ai生成它很快，但是由于网络问题我们需要等待，通常内容越长等待越久 如果长时间没反应请刷新页面重试" rows="26" resize="none" style="width: 100%;height: auto; margin: 0 auto; background-color: #f4f4f4; color: #333; border: 1px solid #ccc; border-radius: 10px; overflow: scroll;"></textarea>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  var OriginTitile = document.title;
  var st;
  document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
      document.title = '(つェ⊂)浏览器崩溃了';
      clearTimeout(st);
      console.log('hide');
    } else {
      document.title = '(*´∇｀*)吖~又好了~ ' + OriginTitile;
      console.log('show');
      st = setTimeout(function () {
        document.title = OriginTitile;
      }, 4000);
      console.log('endChange=');
    }
  });
</script>