清空按钮后回答按钮失效问题修复-AI聊天机器人代码优化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AI Chatbot</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<script src="js/Cg.js"></script>
<div class="basic-portfolio-area ptb-10">
<div class="filter-menu text-center">
<pre><code> </div>
<div class="call-to-action-area gray-bg ptb-60">
<div class="container">
<div class="form-group">
<label></label>
<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 class="call-to-action">
<a onclick="callCHATGPT()" class="btn btn-large" href="#" style="background-color: #4cae4c; color: #fff; font-weight: bold; border-radius: 5px; padding: 10px 20px; border: none; box-shadow: none; text-decoration:none;" onmousedown="this.style.backgroundColor='#3c903c'" onmouseup="this.style.backgroundColor='#4cae4c'">回答</a>
<a onclick="clearTextArea()" class="btn btn-large" href="#" style="background-color: #d9534f; color: #fff; font-weight: bold; border-radius: 5px; padding: 10px 20px; border: none; box-shadow: none; text-decoration:none; margin-left: 20px;" onmousedown="this.style.backgroundColor='#c9302c'" onmouseup="this.style.backgroundColor='#d9534f'">清空</a>
</div>
<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>
<footer>
<div class="basic-footer gray-bg text-center ptb-20">
<div class="container">
<div class="footer-menu mt-30">
<p><a href="untitled.html">如果不懂怎么发布命令请进入</a></p>
<nav>
<ul>
<li><a href="https://wy2023.icu" target="_blank">云客商城</a></li>
<li><a href="https://ai.wy2023.icu/ai-1" target="_blank">返回AI-1</a></li>
<li><a href="https://ai.wy2023.icu" target="_blank">返回首页</a></li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
<script>
function clearTextArea() {
document.getElementById("chat-gpt-input").value = "";
document.getElementById("chatgpt-response").value = "";
document.getElementById("chat-gpt-input").focus();
}
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/mmWy 著作权归作者所有。请勿转载和采集!